angular - Angular 2 ルーターの例 + @Routes タイピングのサポート

Question

Angular 2 でルーターを使用する方法に関する具体的な例を見つけようとしています。さらに、5 分間のクイックスタートangular2.d.tsからの現在の入力ファイルは @Routesアノテーションをサポートしていません。

Answer 1

Angular 2 のルーティングのメイン コンポーネントとクラス。

router-link – router-link ディレクティブは、リンクを view に宣言するために使用されます。オプションのパラメータも含めることができます。

例 ：

<a [router-link]="['/AboutUs']">About Us</a>

router-outlet – ビューがコンポーネントをレンダリングするためのプレースホルダーとして機能します。template と templateUrl は、router-outlet ディレクティブを使用する場所にレンダリングされることを意味します。

例 ：

<router-outlet></router-outlet>

@RouteConfig – 内で使用されるこのセクションのコンポーネントに URL をマップします。

例 ：

@RouteConfig([
    {path: '/',        component: HomeComponent, as: 'Home'},
    {path: '/aboutus', component: AboutUsComponent, as: 'AboutUs'  }
    {path: '/contactus', component: ContactUsComponent, as: 'ContactUs'  }
])

RouteParams – ルーターによってレンダリングされたコンポーネントへのパラメーター。

詳細については、この記事をお読みください http://www.codeandyou.com/2015/11/understand-routing-in-angular-2.html

Answer 2

役立つAngular 2 Router の例。具体的なコードはここにあります。

Answer 3

これまでに見た中で最高のものは https://github.com/angular-class/angular2-webpack-starterです(webpack にもあります - 努力する価値があります) また、TypeScript もサポートしています。

また、最後のリンクに基づいて、ここで見つけることができる私のスターターです - https://github.com/EladRK/angular-starter

Answer 4

遅くなるかもしれませんが、これを試してみてください:)