在Angular 2中的组件之间重定向时出错

Question

这是我的应用程序的主页。如果有人在未登录时尝试访问页面，它将被重定向到。

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { Observable } from 'rxjs/Observable';
import 'rxjs/Rx'; 

import { AuthenticationService } from '../_services/authentication.service';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
  model: any = { username: "", password: "" };
  loading = false;
  error = '';
  isLoggedIn = false;
  public currentUser: any = null;
  constructor(private _auth: AuthenticationService, private router: Router) { }

  ngOnInit() {
    if(this._auth.isLoggedIn()) {
      this.isLoggedIn = true;
      this.router.navigate(['/census']);
    }
    else {

    }

    this.currentUser = this._auth.getCurrentUser().subscribe(result => {
      this.currentUser = result;
    });

    /*let timer = Observable.timer(29000, 29000);
    timer.subscribe(t => {

      //this.refresh();
    });*/
  }

  login() {
        this.loading = true;
        this._auth.login(this.model.username, this.model.password)
            .subscribe(result => {
                if (result === true) {
                    // login successful
                    this.isLoggedIn = true;
                    this.router.navigate(['/census']);
                } else {
                    // login failed
                    this.error = 'Username or password is incorrect';
                    this.loading = false;
                }
            });
    }

}

我在尝试重定向到的任何页面上都遇到了同样的问题。有

的行

this.currentUser = this._auth.getCurrentUser().subscribe(result => {
  this.currentUser = result;
});

错误是

error_handler.js:54 EXCEPTION: Uncaught (in promise): Error: Error in :0:0 caused by: this._auth.getCurrentUser(...).subscribe is not a function

给我一​​个错误。如果我使用router.navigate(['/']); 重定向到页面，它只会给出错误

我试过navigateByUrl 并得到相同的结果。这是每个页面的顶部，每次我重定向到页面时都会收到错误消息。

这是来自 AuthenticationService 的 getCurrentUser 方法

    getCurrentUser(): Observable<any> {
        if (this.currentUser == null) {
            let headers = new Headers({ 'Authorization': 'Bearer ' + localStorage.getItem('token') });
            let options = new RequestOptions({ headers: headers });
            return this.http.get(  this._api.apiUrl + 'users/0', options)
                .map((response: Response) => {
                    this.currentUser = response.json();
                    return this.currentUser;
                });
        }
        else {
            return this.currentUser;
        }
  }

Answer 1

与其在用户对象已经存在时返回它，不如使用Observable of 运算符对其进行转换以返回一个 Observable。

在身份验证服务中将 return this.currentUser; 更改为 return Observable.of(this.currentUser);。

这也有点不对劲：

this.currentUser = this._auth.getCurrentUser().subscribe(result => {
  this.currentUser = result;
});

currentUser 被设置为getCurrentUser() 的Subscription，然后是结果（subscribe() 返回Subscription）。