Toolboxは、<app-route>エレメントを使用して_モジュラールーティング_を提供します。アプリケーションのすべてのルートに対して中央リポジトリを用意するのではなく、個々のコンポーネントはルートの一部を管理し、残りを他のコンポーネントに管理を委譲することを意味します。elementsを参照してください。app-routeのインストールBowerを使ってapp-routeパッケージをインストールします。初めにすべきことは、あなたのアプリのルートがどのようにエレメントにマップされるか決めることです。いくつかのメインビューを持つアプリケーションがあるとしましょう。/detail/:message_idメインのアプリケーションエレメントと、タブごとに分割されたビューコンポーネントがあったとします。アプリケーションエレメントがトップレベルのルートを管理(表示するビューの一つを選択)し、残りのルートの管理をアクティブなビューに委譲します。appエレメントのテンプレートには次のようなマークアップが含まれるでしょう。tail="{{subroute}}"></app-route><app-location>エレメントは双方向データバインディングを提供する単なるwindow.locationのプロキシです。一つの<app-location>エレメントが、トップレベルの<app-route>エレメントとURLバーのステータスをバインドします。<app-route>エレメントは、現在のrouteとpattern(:view部分はパラメータを表します)の照合を行います。パターンに一致すると、ルートはアクティブになり、すべてのURLパラメータがdataオブジェクトに追加されます。今回の例でいうと、パス/profile/tinaはトップレベルのルートと一致し、routeData.viewがprofileに設定されます。残りのルート(/tina)がtailになります。/tinaの場合、ルートが/tinaに設定された<my-profile-view>エレメントが表示されます。このビューには、ルートを処理のため独自の<app-route>が組み込まれています。auto>Routeオブジェクトrouteオブジェクトには二つのプロパティがあります。:prefix:上位の<app-route>エレメントでマッチしたパス。トップレベルの<app-route>エレメントの場合、prefixは常に空の文字列になります。path:routeオブジェクトが照合しているパス。tailオブジェクトは、ルート内の次の<app-route>に渡すルートを表すrouteオブジェクトでもあります。'bob'}ルートの変更<app-route>を使用した場合、現在のURLを変更するには二つの方法があります。リンク:リンクをクリックすると、<app-location>はナビゲーションイベントをインターセプトし、そのrouteプロパティを更新します。主要なナビゲーションにリンクを使用するのは良い考えです。検索エンジンがインデックスを作成する際にアプリケーションの構造の把握に役立つためです。ルートの更新:routeオブジェクトは読み書き可能なので、双方向データバインディングまたはthis.setを使用してルートを更新できます。routeとrouteDataの両方のオブジェクトはこれらの方法で操作できます。'mary');ルート変更に応じたアクション前のセクションでは、ルートとそのデータへのデータバインディングを示しましたが、ルートが変化した際に特定のコードを実行する必要があるかもしれません。オブザーバーを使用すれば、ルートやデータの変更に応た処理を行うことが可能です。