命令ng

玫翠慧

于 2019-07-19 15:50:58 发布

阅读量109

点赞数 1

分类专栏： angular

本文链接：https://blog.csdn.net/xlmmsby/article/details/96482421

版权

angular 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

生成服务

ng generate service auth/auth

import { Injectable } from '@angular/core';

import { Observable, of } from 'rxjs';
import { tap, delay } from 'rxjs/operators';

@Injectable({
  providedIn: 'root',
})
export class AuthService {


  login(): void {
   
  }
}

生成路由守卫

ng generate guard auth/auth

import { Injectable } from '@angular/core';
import { ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, CanActivate, Router } from '@angular/router';
import { Observable } from 'rxjs';
import { NzMessageService } from 'ng-zorro-antd';

@Injectable({
  providedIn: 'root'
})
export class AuthGuard implements CanActivate {
  constructor(
    private router: Router,
    public msg: NzMessageService,
  ) { }
  canActivate(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): boolean | UrlTree | Observable<boolean | UrlTree> | Promise<boolean | UrlTree> {
    if (window.localStorage.getItem('auth') === "oaksdnasndlk") {
      return true;
    } else {
      this.msg.warning('请登录');
      this.router.navigateByUrl('/login');
      return false;
    }
  }

}