显示特定产品详细信息的组件的路由需要该产品ID的路由参数。我们可以使用以下实现:
注意:product-details
路由的路径中的 ,它将参数放在路径中。例如,要查看ID为5的产品的产品详细信息页面,必须使用以下URL:localhost:3000/product-details/5
注意,指令传递一个数组,该数组指定路径和路由参数。或者,我们可以使用JS跳转:
ProductDetails
组件必须读取参数,然后根据参数中给出的ID加载产品。 服务提供了一个params
Observable,我们可以订阅它来获取路由参数(见 Observables)。