526互联

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

发布时间 2023-08-15 09:57:30作者: 红豆是个笨小孩

CanActivateChild 和CanActivate的用法如出一辙，使用对象可能有所不同，例如说CanActivate一般的使用对象要么是兄弟平级关系，要么就是嵌套在CanActivateChild父级下的子路由。

具体使用实例：

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

},

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