2017-04-27 10 views
4

.NETコア用の新しいSPAテンプレートをインストールし、新しいAngularプロジェクトを作成しました。ここにはa linkがあります。ルーティングの例が付属しています。今私はパラメータを使って作業するようにルーティングしようとしていますが、動作させるのが難しいです。 app.module.tsでパラメータが機能しないアンギュラルーティング

次のように、私は(パラメータで)パスを定義しています:

{ path: '', redirectTo: 'home', pathMatch: 'full' }, 
{ path: 'home', component: HomeComponent }, 
{ path: 'counter', component: CounterComponent }, 
{ path: 'fetch-data', component: FetchDataComponent }, 
{ path: 'fetch-data:id', component: FetchDataComponent }, 
{ path: '**', redirectTo: 'home' } 

そして、これは私がルータのリンクを定義しています方法です:

<a [routerLink]="['/fetch-data',3]"> 
    <span class='glyphicon glyphicon-th-list'></span> Fetch data by ID 
</a> 

リンク上にカーソルを置いたときのパスが正しく表示されますが、クリックすると私の家に戻ります。私は、私は次の行を削除したが、それでも、それは動作しません多分それはそれ以上のパスと競合して考えた:

{ path: 'fetch-data', component: FetchDataComponent }, 

答えて

3

変更

{ path: 'fetch-data:id', component: FetchDataComponent },

{ path: 'fetch-data/:id', component: FetchDataComponent }, 
+0

それはうまくいきました。 –

関連する問題