路由 - 使用路由参数

优质
小牛编辑
143浏览
2023-12-01
  • 将路由链接到参数

显示特定产品详细信息的组件的路由需要该产品ID的路由参数。我们可以使用以下实现:

注意:product-details路由的路径中的 ,它将参数放在路径中。例如,要查看ID为5的产品的产品详细信息页面,必须使用以下URL:localhost:3000/product-details/5

注意,指令传递一个数组,该数组指定路径和路由参数。或者,我们可以使用JS跳转:

ProductDetails组件必须读取参数,然后根据参数中给出的ID加载产品。 服务提供了一个params Observable,我们可以订阅它来获取路由参数(见 Observables)。​

View Example with Programmatic Route Navigation