2017-02-18 2 views
1

Angular with AngularFire2(Firebaseパッケージ)を使用し、ガードを使用して、特定のルートにアクセスできないすべてのユーザーを防ぎます。しかし、以下のコードは動作しません。私はエラーを取得する:Angular2のAuthGuardで動作するObservable.of(真)を取得できません。

Class 'AuthGuard' incorrectly implements interface 'CanActivate'. Type 'void' is not assignable to type 'boolean | Observable | Promise'.

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); 
     } 
    }) 
    } 
} 
+0

「真実」と「偽」(「Observable」なし)を返すこともできます –

+0

サブスクリプション内にはありません – Weblurk

+0

ああ、私はその行を見逃しました。あなたは 'subscribe'を全く使わないでください –

答えて

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

ルータがbooleanまたはObservable<boolean>を見込んでいますが、subscribecanActivateを呼び出す場合はSubscriptionを返します。 mapを使用すると、戻り値はObservableになります。

関連する問題