详解Angular路由之路由守卫(4)

日期：2020-05-11 栏目：程序人生 浏览：次 
<div class="product">
 <p>
  这里是商品信息组件
 </p>
 <p>
  商品id是: {{productId}}
 </p>
 <p>
  商品名称是: {{productName}}
 </p>
 
 <a [routerLink]="['./']">商品描述</a>
 <a [routerLink]="['./seller',99]">销售员信息</a>
 <router-outlet></router-outlet>
</div>

效果：

点商品详情链接，传入商品ID为2，在resolve守卫中是正确id，会返回一条商品数据。

点商品详情按钮，传入商品ID是3，是错误id，会直接跳转到主页。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持黑区网络。