Angular路由守卫-新闻详情

Angular路由守卫


发布时间:2019-03-28责任编辑:满帅 浏览:1657


Canactive处理导航到某路由的情况

1.     继承导航守卫,实现canactive方法,

 

0.png

 

2. route中声明 canActivate: [LoginGuard], 调用实例的方法

00.png

3. 依赖注入 providers: [LoginGuard,]

000.png

CanDeactivate  处理从当前路由离开的情况

1.继承导航守卫 export class UnsavedGuard implements CanDeactivate<ProductComponent>其中<>里面是泛型 要保护的路由组件

0000.png

2.route中声明,canDeactivate: [UnsavedGuard] 调用实例的方法

00000.png

3.     依赖注入 providers: [UnsavedGuard]

000000.png

Resolve在路由激活之前获取路由数据

1.     继承resolve路由导航, 同样product是返回值类型添加装饰器 @Injectable()

0000000.png

2.通过对路由信息拿到的参数进行操作,返回一个正确的值,判断是否需要跳转

3.     修改routeing 在要使用resolve守卫的地方引用。

00000000.png

000000000.png

 

4. 订阅data值,拿到结果


项目开发组    供稿