2016-04-01 8 views
4

私は、angularJs Webアプリケーションからhtmlを使って新たに起動しました。私はangularjsのng-includeとngrouteの違いについて知りたいのですが、いつそれらを使うべきですか。誰かがこれを知ることができれば、私にそれを学ぶための例を与えてください。angjsのng-includeとngrouteの違い

おかげに関して、 Parthi

答えて

2

ng-includeは角度がdirectiveと呼ばれ、Angularの中心概念です。あなたのページにpartialのhtmlファイルを含めることができます。

ng-routeは、角形アプリケーションに追加できる追加コンポーネントで、URLとデータのroutingで作業できます。それを使用するには、dependencyとして参照する必要があります。

angular.module("app", ["ngRoute"]); 

違い:

  • 1はrouting機能、他の1 はあなたが別の場所から自分のページ にマークアップ含めることができますbuilt-inディレクティブであるとの角度を拡張したものです。
  • ng-includeは、マークアップ<div data-ng-include="..."></div>
  • ng-routeに使用されているJavaScriptファイルで使用して参照されます。
3

ng-includeはちょうどHTML DOMに含まダンプします。

ng-routeには、ルートパラメータを含むさまざまな機能があります。 異なるルートに移動するとURLが変わることがわかります。

主なルートは、1ページのアプリケーションを持つために使用されます。アプリの異なるページはng-viewにルーティングされます。ルータは自動的にこれらのルートを正しいビューに解決するため、URLを使用してこれらのページに移動できます。

関連する問題