2016-07-03 5 views
0

私はAngularJSとBootstrapを使っているアプリを持っています。 私の異なる意見を整理した方法は、ng-showです。つまり、ボタンの押下などに応じてビューが変化し、ng-showの値を有効または無効にします。単一のページのウェブサイトにさまざまなビューを配置する最善の方法

私は、多くのDIVを持つ単一のHTMLファイルを持っています。これらのDIVはすべて表示/消滅します。

私の質問は以下のとおりです。

  • はこの1つのページのWebアプリを行うための通常の方法ですか?私。異なるDIVのすべてのビューを持って、必要に応じてそれらを表示/非表示にしますか?
  • すべてのビューを1つのHTMLファイルにまとめるよりも、より効率的な方法で、さまざまなビューをより構造的な方法で配置できますか?

ありがとうございます。

答えて

1

実際には、ngRouterやui.routerなどのルーティングサービスを使用する必要があります。これは、アプリケーションが複雑になると保守がますます困難になるためです。

Here's 1つの記事私はルーティングと角を使用してテンプレートを使用してgoogled。

1

anglejsのメニューではRoutingを使用して、1ページのアプリケーションに複数のページを表示することは非常に簡単です。

AngularJS単一ページテンプレートとng.Netテンプレート両方ともmvcパターンに基づいており、わかりやすいものです。したがって、以下にいくつかの参考文献があります。それを確認してください。

https://visualstudiogallery.msdn.microsoft.com/5af151b2-9ed2-4809-bfe8-27566bfe7d83

https://github.com/BBird40/ng.NET

https://visualstudiogallery.msdn.microsoft.com/48d928e3-9b5c-4faf-b46f-d6baa7d9886c

2

アプリケーションがかなり大きいです、あなたは2つのまたは3つ以上のビューを持っている場合は、あなたがngRouterのようにルータを使用する必要があり、UIルーターはより強力ですが、もっと複雑です。これが最適なソリューションです。

アプリケーションが比較的小さく(2〜3回の表示)、進化しない場合は、ng-switchを使用できます。

Ng-ifはオプションですがあまり便利ではありません。

しかし、DOM要素は常にページにあり、隠れるだけなので、ng-showは避けるべきです。

関連する問題