我的页面上有一个主路由器插座和一个辅助/命名插座。主路由器出口具有路由防护器。
{ path: '', children:[
{ path: '', component: ContentComponent, canActivate: [SomeGuard]},
{ path: '', component: SideNavComponent, outlet:'sidenav'}
]},
这是SomeGuard的实现
import { of, Observable} from 'rxjs;
import { Injectable } from '@angular/core';
import { CanActivate } from '@angular/router';
@Injectable()
export class SomeGuard implements CanActivate {
public canActivate(): Observable<boolean> {
return of(true);
}
}
如果后卫返回true,则两个插座均正确布线,但是如果后卫返回false,则两个插座均不布线。