辅助路由
插座之间的兄弟关系–辅助路由:
辅助路由需要三步:
1.插座设置: <router-outlet></router-outlet>
<router-outlet name="aux"></router-outlet>
2.在路由配置中(app-routing.module.ts),配置名字为aux的组件
{path: 'xxx', component: XxxComponent,outlet:"aux"},
3.根据链接跳转导航到辅助路由
<a [routerLink]="['/home',{outlet:{aux:'xxx'}}]">Xxx</a>
<a [routerLink]="['/product',{outlet:{aux:'yyy'}}]">Yyy</a>
路由守卫
-
只有当用户已经等了并拥有某些权限时才能进入某些路由
-
一个由多个表单组件组成的向导,例如注册流程,用户只有在当前路由的组件中填写满足要求的信息可以导航到下一个路由
-
当用户未执行保存操作而试图离开当前导航时提醒用户
Angular提供了一些钩子帮助控制进入或离开路由。这写钩子就是路由守卫,可以通过钩子实现上面场景。 -
CanActivate:处理导航到某路由的情况
-
CanDeactivate:处理从当前路由离开的情况
-
Resolve:在路由激活之前获取路由数据