[英]Angular routing with parameter not working
我已經為.NET Core安裝了新的SPA模板,並創建了一個新的Angular項目。 如果您有興趣試試這里有一個鏈接 。 它附帶一個路由示例。 現在我正在嘗試使用參數進行路由,但是我很難讓它工作。
在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 },
更改
{ path: 'fetch-data:id', component: FetchDataComponent },
至
{ path: 'fetch-data/:id', component: FetchDataComponent },
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.