7.resolve守卫

带着一个ID进路由时,数据返回有延迟。模板无法立刻显示。使用resolve守卫,可以预先进入路由器之前去服务器读数据,带着需要的数据进入路由,立刻显示数据。

新建一个product.resolve.ts,目的是,进到商品信息之前,先读取信息,在带着信息进入到商品信息里面。


7.resolve守卫_第1张图片
守卫完成
7.resolve守卫_第2张图片
守卫加到路由

错误排除:使用类的话,是先声明类,然后在使用,自己会引用。记得检查括号少否

括号  @Injectable()

引用  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable | Promise | Product {

你可能感兴趣的:(7.resolve守卫)