如何在 Angular 2 中通过守卫向没有权限的用户显示消息

Question

我正在使用 Angular 2 防护（canActivate）进行授权，但是如果用户转到他没有授权的路线，则会出现空白屏幕。

我想显示一条消息，表明您没有权限，这样怎么可能？

警卫服务：

import { Injectable } from '@angular/core';
import { CanDeactivate , CanActivate } from "@angular/router";

@Injectable()
export class LoginGuardService implements CanActivate,CanDeactivate<any>{

  constructor() { }

  canActivate(){    
    return true;
  }

  canDeactivate(){
    return window.confirm("You have unsaved changes. Still want to leave?");
   }

}

路由文件

{path:'grade-listing' , component:GradeListingComponent ,canActivate:[LoginGuardService]},

Answer 1

  canActivate(){
    if(yourcondition == true){
      return true;
    } else {
      this.router.navigate(['/yourRoutetoErrorHtml']);
      return false;
    }
  }

类似的东西？