angularjs – 检查用户是否登录Angular 2中的任何页面更改

>创建一个自定义路由器出口(RouterOutlet的子类),用于检查其激活方法的身份验证.在这种情况下,您可以拥有全球性的东西.像这样的东西：

@Directive({
  selector: 'auth-outlet'
})
export class AuthOutlet extends RouterOutlet {
  (...)

  activate(oldInstruction: ComponentInstruction) {
    var url = this.parentRouter.lastNavigationAttempt;
    if (isAuthenticated()) {
      return super.activate(oldInstruction);
    } else {
      (...)
    }
  }
}

有关详细信息,请参阅此问题：

> Angular 2 Authentication with child routes

>利用CanActivate装饰器检查是否可以激活组件.在您的情况下,您可以在此级别执行身份验证检查.
>还可以在RouterLink级别完成某些操作以显示/隐藏路由链接.在这种情况下,您可以根据相关路由配置和当前用户提示在这些链接上应用角色.有关详细信息,请参阅此问题：

> Angular2. How to hide(no-render) the link in the menu after check access?

这也可以在HTTP拦截器(一个扩展Http的类)中处理.在这种情况下,当请求正在执行时,您可以插入一些身份验证检查：

@Injectable()
export class CustomHttp extends Http {
  constructor(backend: ConnectionBackend,defaultOptions: RequestOptions) {
    super(backend,defaultOptions);
  }

  request(url: string | Request,options?: RequestOptionsArgs): Observable<Response> {
    console.log('request...');
    if (isAuthenticated()) {
      return super.request(url,options).catch(res => {
        // do something
      });        
    } else {
      // Redirect to login page
      // Or throw an exception: return Observable.throw(new Error(...));
    }
  }

  (...)
}

有关详细信息,请参阅此问题：

> How to create interceptors in Angular2?