看不到函数内部的变量

Question

我有一个组件，我将一些数据放入变量users中，以便在另一个函数中读取它。当我在构造函数中打印这个变量并在控制台上打印它时，我可以看到它，但是当我在另一个函数中执行同样的操作时，我没有定义它。我已经尝试将它声明为私有和公共，并得到相同的结果。

如何声明此变量以查看另一个方法中的变量？

这是我的组件：

import { tap, take, map } from 'rxjs/operators';
...

export class SharedProofsComponent implements OnInit {

  page = 1;
  pageSize = 4;
  collectionSize = COUNTRIES.length;
  countries: User[];

  users: User[];

  constructor(private firestore: AngularFirestore) {

    this.firestore.collection<User>('users').valueChanges().pipe(take(1)).subscribe(users => {
    this.users = users;
    // console.log(this.users);
    this.refreshCountries();
    });

  }

  refreshCountries() {
    console.log("USERS:");
    console.log(this.users); // here I got undefined

    this.countries = this.items
      .map((country, i) => ({id: i + 1, ...country}))
      .slice((this.page - 1) * this.pageSize, (this.page - 1) * this.pageSize + this.pageSize);

  }

  ngOnInit(): void {
  }

}

编辑：

如果我把一个静态常数放在我的函数上，我可以得到数据：

this.countries = COUNTRIES
  .map((country, i) => ({id: i + 1, ...country}))
  .slice((this.page - 1) * this.pageSize, (this.page - 1) * this.pageSize + this.pageSize);

但如果我这样做：

   this.countries = this.items
  .map((country, i) => ({id: i + 1, ...country}))
  .slice((this.page - 1) * this.pageSize, (this.page - 1) * this.pageSize + this.pageSize);

我得到了一个错误：

属性'map'不存在于类型'观察

Answer 1

您必须小心，因为在构造函数方法中使用subscribe in firestore获取数据时，它是一个异步调用。如果在解决请求之前使用refreshCountries函数，则无法正确查看结果。

Answer 2

在订阅回调中添加this.refresh国家（）；，这样。它变成：

this.firestore.collection<User('users').valueChanges().pipe(take(1)).subscribe(users => {
  this.users = users;
  this.refreshCountries()
});

Answer 3

在获取数据之前调用方法，并且异步获取用户。当您调用刷新国家时，在用户变量中没有任何数据。

应该管用

this.firestore.collection<User>('users').valueChanges().pipe(take(1)).subscribe(users => {
    this.users = users; // get users
    this.refreshCountries(); // call method
});