在 Angular Typescript (Firebase) 中获取 Observable <any> 返回的值

Question

所以，我有以下代码可以从我的 Firebase 用户列表中检索数据：

currentUserRef: AngularFireList<any>
currentUser: Observable<any>;

var user = firebase.auth().currentUser;

this.currentUserRef = this.af.list('usuarios', ref =>
ref.orderByChild('email').equalTo(user.email));
this.currentUser = this.currentUserRef.valueChanges();
this.currentUser.subscribe(res => console.log(res[0].condominio));

在检索到的数据中，我有两个属性：condominio 和 email。

在console.log(res[0].condominio)我有数据输出到控制台，但是我需要把它保存到一个变量中，例如：

userCond: string;

然后我必须从 res 中获取属性 'condominio' 并将其设置为 'userCond'，但如果我尝试这样做它不起作用：

this.currentUser.subscribe((res) => { this.userCond = res[0].condominio });

我做错了什么？

"angularfire2": "^5.0.0-rc.11",
"firebase": "^5.3.1",
"ionic-angular": "3.9.2",

编辑：

    export class HomePage {

    currentUserRef: AngularFireList<any>
    currentUser: Observable<any>;

    moradorRef: AngularFireList<any>
    morador: Observable<any>;

   userCond: string;

   constructor(
    public authService: AuthService,
    public userService: UserService,
    public navCtrl: NavController,
    public navParams: NavParams,
    public af: AngularFireDatabase
   ) {

   }

   ionViewCanEnter(): Promise<boolean> {
     return this.authService.authenticated;
   }

   ionViewDidLoad(){
    debugger;
    //TRAZ AS MESMAS INFORMAÇÕES
    //this.userService.getCurrentUser();
    var user = firebase.auth().currentUser;

    //const _this = this;

    this.currentUserRef = this.af.list('usuarios', ref =>
    ref.orderByChild('email').equalTo(user.email));
    this.currentUser = this.currentUserRef.valueChanges();
    //this.currentUser.subscribe(res => 
    console.log(res[0].condominio));
    this.currentUser.subscribe(res => {
      debugger;
      this.userCond = res[0].condominio;
    });

    console.log(this.userCond);

Answer 1

问题是，您需要等待订阅完成才能使用类变量userCond。订阅不是同步的，只需从订阅下调用您要使用的方法。

this.currentUser.subscribe(res => {
  this.userCond = res[0].condominio;
  this.loopOverAnotherList();
});

loopOverAnotherList() {
   // you can use this.userCond here
}

Answer 2

将userCond 定义为 Observable。

userCond: Observable<string>;

稍后，在查询 Firestore 时，将 condominio 属性值映射到 userCond。

this.currentUserRef = this.af.list('usuarios', ref =>
                              ref.orderByChild('email').equalTo(user.email));
this.userCond = this.currentUserRef.valueChanges()
                                       .pipe(map(res => res[0].condominio));

现在可以订阅userCond 以在需要时获取值。

Answer 3

  this.currentUser.subscribe(res => {
    this.userCond = res[0].condominio; // 'this' here refers to the observable, not the class instance
  });

要解决这个问题，请执行以下操作：

  const _this = this;
  this.currentUser.subscribe(res => {
    _this.userCond = res[0].condominio;
  });