ObservableInput 的 AngularFireAuth 错误

Question

我的 auth.service.ts 中有以下代码，它给出了以下我似乎无法修复的错误：

代码

import { CanActivate, Router } from '@angular/router';
import {AngularFireAuth} from 'angularfire2/auth';
import { Injectable } from "@angular/core";
import { Observable, from } from "rxjs";

import 'rxjs/add/operator/do';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/take';

@Injectable()
export class AuthGuard implements CanActivate {

    constructor(private auth: AngularFireAuth, private router: Router) {}

    canActivate(): Observable<boolean> {

      return from(this.auth)
        .take(1)
        .map(state => !!state)
        .do(authenticated => {
      if
        (!authenticated) this.router.navigate([ '/login' ]);
      })
    }

}

错误信息

ERROR in src/app/auth.service.ts(17,19): error TS2345: Argument of type 'AngularFireAuth' is not assignable to parameter of type 'ObservableInput<any>'.
      Property '[Symbol.iterator]' is missing in type 'AngularFireAuth' but required in type 'Iterable<any>'.

我错过了什么？

Answer 1

我想你想要 of 运算符，它生成一个 Observable，它发出一次然后完成：

return of(this.auth)
  .map(state => !!state)
  .do(authenticated => {
    if (!authenticated) this.router.navigate([ '/login' ]);
  })

如果你升级到 RxJS 6，你需要pipe你的运营商：

return of(this.auth).pipe(
  .map(state => !!state),
  .tap(authenticated => {
    if (!authenticated) this.router.navigate([ '/login' ]);
  })
);

ObservableInput 的 AngularFireAuth 错误

AngularFireAuth error with ObservableInput

rxjs

angularfire

angularfire2

angular