Question

将Angular与AngularFire2（Firebase软件包）一起使用，并尝试使用防护来阻止除一个用户以外的所有用户访问特定路由。但是下面的代码不会起作用。我收到错误：

Class＆＃39; AuthGuard＆＃39;错误地实现界面＆＃39; CanActivate＆＃39;。键入＆＃39; void＆＃39;不能赋值为＆＃39; boolean |可观察的| 无极＆＃39;

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

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
import { AngularFire, FirebaseListObservable } from 'angularfire2';

@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private af: AngularFire) { }

  canActivate() {
    this.af.auth.subscribe(auth => {
      if (auth.uid === 'xyz123') {
        return Observable.of(true);
      } else {
        return Observable.of(false);
      }
    })
  }
}

Answer 1

  canActivate() {
    return this.af.auth
    .map(auth => {
      return auth.uid === 'xyz123';
    })
  }

路由器需要boolean或Observable<boolean>，但如果您致电subscribe canActivate，则会返回Subscription。如果您使用map，则返回值为Observable。

无法使用Observable.of（true）在Angular2中的AuthGuard中工作

1 个答案: