奇怪的Angular 2路由问题

Question

我已按如下方式定义了我的路线：

{ path: 'productDetails/:id', component: ProductDetailsComponent }

在我看来，当点击一个链接时，我有一个区域可以加载我的productDetails组件：

<li *ngFor="let product of category.Products">
    <a [routerLink]="['/productDetails', product.ProductId]">{{product.Name}}</a>
</li>

我得到一个奇怪的行为，只有我第一次点击组件加载的任何链接。只要是第一次，哪个链接并不重要。任何链接都可以工作，但是在第一次之后，它们都没有工作。所以我只有一次加载我的productDetails组件，然后路由停止。链接显示悬停时的正确路径路径。