12.10.3 - CanActivateChild

• 检查用户是否方可访问某个子路由
• 创建路由守卫：ng g guard guards/admin 注意：选择 CanActivateChild，需要将箭头移动到这个选项并且敲击空格确认选择 ```typescript import { Injectable } from ‘@angular/core’; import { ActivatedRouteSnapshot, CanActivateChild, RouterStateSnapshot, UrlTree } from ‘@angular/router’; import { Observable } from ‘rxjs’;

@Injectable({ providedIn: ‘root’ })

export class AdminGuard implements CanActivateChild { canActivateChild( childRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable | Promise | boolean | UrlTree { return true; } }

```typescript
const routes: Routes = [
    {
        path: "login",
        component: LoginComponent,
       // 在父级路由身上设置控制子级路由的权限访问
        canActivateChild: [AdminGuard],
        children: [
            {
                path: "login-child",
                component: LoginChildComponent
            }
        ]
    }
];