2017-02-18 29 views
1

Использование Angular с AngularFire2 (Firebase package) и пытаюсь использовать охранник, чтобы все пользователи, кроме одного, не могли получить доступ к определенному маршруту. Но приведенный ниже код не будет работать. Я получаю ошибку:Невозможно получить Observable.of (true) для работы в AuthGuard в Angular2

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

Вы также можете просто вернуть 'true' и' false' (без 'Observable') –

+0

Не внутри подписки – Weblurk

+0

А, я пропустил эту линию. Вы не должны использовать 'subscribe' вообще –

ответ

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

маршрутизатор ожидает получить boolean или Observable<boolean>, но если вы звоните subscribecanActivate возвратит Subscription. Если вы используете map, возвращаемое значение будет Observable.