0

Angular2 を使用してモジュラー ビューを作成するには? メニュー項目をクリックすると、コンテナを更新してメニューを終了し、いくつかのクラスを更新するだけです。どうすればこれを達成できますか？

このトピックに関するリソースはありますか?

-

アップデート

メニュー項目をクリックして、アプリの別のページに移動したとき。たとえば、「ホーム」から「製品の管理」に移動します。「製品の管理」コンテキストを表示したいが、メニュー (およびリロードする必要のないその他のコンポーネント) をリロードしたくない

4

1 に答える 1

2

Angular2 ルーティング機能を使用すると、ビューを特定のパスにリンクできます。これは、特定のコンポーネントに対して定義できます。ディレクティブはRouterOutlet、ルートに関連付けられたコンポーネントで Angular が動的に埋めるプレースホルダーに対応します。

これは、周囲の要素が同じままであることを意味します。

以下にサンプルを示します。

@Component({
  selector: 'my-app',
  template: `
    <!-- The menu block -->
    <div>
      My menu
    </div>

    <!-- The dynamic content area -->
    <router-outlet></router-outlet>
  `,
  directives: [ ROUTER_DIRECTIVES ]
})
@RouteConfig([
  { path: '/products', component: ProductListComponent, name: 'Products' }
  { path: '/products/:id', component: ProductDetailsComponent, name: 'Product'}
])
export class AppComponent {
  (...)
}

お役に立てば幸いです、ティエリー

于 2016-01-18T09:03:42.697 に答える