参数不起作用的角度路由

Question

我已经为.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 },

Answer 1

更改

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

至

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