在Angular2中执行函数之前获取可观察值

Question

我有一个简单的系统，带有 Firebase 的用户身份验证系统。我想接收当前登录用户的数据列表。我通过订阅 Firebase 的 observable 从当前登录用户那里获取信息。

但是，在调用getAllEmails() 函数之前，不会调用在我的构造函数中设置的private authId 的值。因此${this.authId} 产生未定义。在调用 getAllEmails 函数之前，如何确保已从 observable 中准备好 authId 的值？

import { Injectable } from '@angular/core';
import { AngularFire, FirebaseListObservable } from 'angularfire2';
import { Email } from '../email';
import { AuthService } from '../auth/auth.service';

@Injectable()
export class EmailService {

  private authId: string;

  constructor(
    private af: AngularFire,
    private authService: AuthService
  ) {
    this.authService.getUserInformation()
      .subscribe(user => {
        this.authId = user.authId;
      })
  }    

  getAllEmails(): FirebaseListObservable<any> {
    return this.af.database.list(`/emails/${this.authId}`);
  }

}

Answer 1

您可以为此做几件事

1. 创建基础服务类并在基础类的构造函数中获取authId
2. 在Component的构造函数中获取authId并调用getAllEmails(authId)

解决方法如下：

export class baseService{

private authId: string;

  constructor(private authService: AuthService) {
    this.authService.getUserInformation()
      .subscribe(user => {
        this.authId = user.authId;
      })
  }
getAuthId(): number{
       return this.authId;
}
}

import {baseService} from '<yourPath>'

@Injectable()
export class EmailService extends baseService {

  private authId: string;

  constructor(private af: AngularFire) {  }    

  getAllEmails(): FirebaseListObservable<any> {
    return this.af.database.list('/emails/'+ super.getAuthId());
  }

}

第二个解决方案是：

而不是基类有另一个服务类来获取控制器中的 AuthId 并传递它。我认为第一个解决方案要好一些。