当我从模板中调用一个函数时，如果这个函数的结果是异步的，那么我就会遇到一个模板冻结的问题，代码非常简单。
component.html

<div *ngFor="let value of values">
  {{getCount(value)}}
</div>

component.js

ngOnInit(): void {
  getValues.subscribe(values => {
    this.values = values;
  })
}

async getCount(value) {
  let collRef = collection(this.afs, 'collection');
  const q = query(collRef, where("field", "==", value));
  return await getCountFromServer(q).data().count;
}