Angular 路由守卫 - 呼叫签名问题

Question

我正在尝试构建路由保护 class 以仅允许管理员用户访问特定页面。这是我的 admin.guard.ts

import { Injectable } from '@angular/core';
import { CanActivate, Router } from '@angular/router';
import { UserService } from '../services/user.service';

@Injectable()
export class AdminGuard implements CanActivate{
    constructor(
        private router:Router,
        private userService:UserService,
    ){

    }

    canActivate():boolean{
        return this.userService.currentUserIsAdmin();
    }
}

这是我的用户服务，被 admin.guard.ts 调用（我只是在这个阶段硬编码 true 或 false，直到我让警卫工作）。

import { Injectable } from '@angular/core';
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database';
import { Observable } from 'rxjs';
import { MyAppUser } from '../models/MyAppUser';

@Injectable()
export class UserService {

  users:FirebaseListObservable<any[]>;
  user:FirebaseObjectObservable<any>;
  currentUserIsAdmin:boolean;

  constructor(
    public af:AngularFireDatabase
  ) { 
    this.users = this.af.list('/users') as FirebaseListObservable<MyAppUser[]>; 
    this.currentUserIsAdmin = true;
  }

  getUsers(){
    return this.users;
  }

  isCurrentUserAdmin():boolean{
    return this.currentUserIsAdmin;
  }
}

我遇到的问题是以下错误

ERROR in C:/projects/xyz/src/app/guards/admin.guard.ts (16,24): 
Cannot invoke an expression whose type lacks a call signature. 
Type 'Boolean' has no compatible call signatures.

Answer 1

您正在调用布尔值属性 currentUserIsAdmin 作为方法。你想调用实际的方法 isCurrentUserAdmin

canActivate():boolean{
    return this.userService.currentUserIsAdmin();
}

应该变成

canActivate():boolean{
    return this.userService.isCurrentUserAdmin();
}

Angular 路由守卫 - 呼叫签名问题

Angular route guards - issue with call signatures

angular

typescript

angular-router-guards