[解決済み] angular-routeとangular-ui-routerの違いは何ですか？

質問

を使おうと思っています。 AngularJS を、私の大きなアプリケーションで使用します。そのため、どのモジュールを使うのが適切かを探している最中です。

とはどのような違いがあるのでしょうか？ ngRoute (angular-route.js) と ui-router (angular-ui-router.js) モジュールですか？

多くの記事で ngRoute が使用されている場合、ルートは ルートプロバイダ . しかし ui-router でルートが設定されます。 stateProvider と $urlRouterProvider です。 .

管理性や拡張性を高めるには、どのモジュールを使用すればよいですか？

どのように解決するのですか？

ui-router はサードパーティモジュールで、非常に強力です。 通常のngRouteができること全てに加え、多くの追加機能をサポートしています。

ngRouteではなくui-routerが選ばれる一般的な理由は以下の通りです。

• ui-router では ネストされたビュー と 複数の名前付きビュー . これは、他のセクションを継承するページがあるような大規模なアプリで非常に便利です。

• ui-router は、状態名に基づいて状態間の強いタイプのリンクを持つことができます。 ある場所で url を変更すると、その状態へのすべてのリンクが更新されます。 ui-sref . URLが変更される可能性のある大規模なプロジェクトでは非常に便利です。

• の概念もあります。 デコレーター を使用すると、アクセスしようとする URL に基づいて動的にルートを作成することができます。これは、事前にすべてのルートを指定する必要がないことを意味します。

• 状態 を使用すると、異なる状態の情報をマッピングしてアクセスすることができ、状態間の情報の受け渡しは $stateParams .

• テンプレート内のUI要素（現在の状態のナビゲーションを強調表示）を調整するために、状態または状態の親にいるかどうかを、次の方法で簡単に判断できます。 $state ui-router が提供するもので、これを $rootScope で run .

要するに、ui-routerはngRouterに機能を追加したもので、シート下は全く異なるものです。これらの追加機能は、大規模なアプリケーションで非常に有用です。

詳細はこちら

• Github https://github.com/angular-ui/ui-router
• ドキュメンテーション
  • APIリファレンスです。 http://angular-ui.github.io/ui-router/site/#/api
  • ガイド https://github.com/angular-ui/ui-router/wiki
• よくある質問 https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions
• サンプルアプリケーションです。 http://angular-ui.github.io/ui-router/sample/#/