core.js:6150 错误类型错误：this.object 在 Angular 中不可迭代

Question

我想在 HTML 文件中显示用户的名字

  getFirstName(id: any){
    this.users = this.afs.collection('users', ref => ref.where("uid", "==", id)).valueChanges();

    this.users.subscribe(users => {
      this.users = users;
    })
    let fname;
    for(let user of this.users){
        fname = user.firstName;
    }
    return fname;
  }

但是当名字在 HTML 中显示时编译器会出错

core.js:6150 ERROR TypeError: this.users is not iterable

Answer 1

不要使用相同的变量 this.users 作为订阅对象和数据。您还需要在订阅中使用 for-of。

fname  = null;

  getFirstName(id: any){
    this.users = this.afs.collection('users', ref => ref.where("uid", "==", id)).valueChanges();

    this.users.subscribe(users => {
      for(let user of users){
        this.fname = user.firstName;
      }
    })
  }