关于Angular路由中CanActivateChild钩子的用法

CanActivateChild 和CanActivate的用法如出一辙，使用对象可能有所不同，例如说CanActivate一般的使用对象要么是兄弟平级关系，而CanActivateChild主要用在父类路由中用于在激活子路由之前进行权限验证或其他操作。

具体使用实例：

 

?

1 2 3 4 5 6 7

const routes: Routes = [   { path: 'home', component: HomeComponent,canActivateChild:[loginGuradsGuard] ,   children:[     { path: 'indexs', component: IndexsComponent }   ] }, ];

 

　

 

使用步骤与上一篇一样，首先用指令创建路由守卫，ng g guard guard/auth（名字）之后使用指令 ng g component components/header 创建组件 后面在路由文件中配置路由信息即可