無法獲得Observable.of（true）在Angular2的AuthGuard中工作

Question

將Angular與AngularFire2（Firebase軟件包）一起使用，並試圖使用一種防護措施來阻止除一個用戶之外的所有用戶訪問特定路由。 但是下面的代碼不起作用。 我得到錯誤：

類“ AuthGuard”錯誤地實現了接口“ CanActivate”。 不能將類型“ void”分配給類型“ boolean | 可觀察 諾言'。

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 。