生成一个新的Component：

在NgModule文件app.module.ts里，找到RouterModule.forRoot, 新增一条路由信息：

这条路由信息将url同Component ProductDetailsComponent关联起来。

我们期望实现的效果是，用户点击产品列表时，跳转到产品明细页面去。因此，打开product-list Component的模板，在标签a上增加路由信息：[routerLink]="[’/products’, productId]"

同时，这个productId变量尚未在product list Component里声明，因此需要增添一行：index as productId：

最后的效果：

点击product name超链接后：

跳转到product明细页面：