參數不起作用的角度路由

Question

我已經爲.NET Core安裝了新的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 }, 

Answer 1

變化

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

要

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