Promise和异步管道和Angular ngfor

Question

更新：

下面的解决方案也是可行的。 我发生local storage损坏或类似问题，这就是无法正常工作的原因。

题：

你能告诉我如何使用promise / async管道和ngfor ？ 我已经尝试如下所示。但是它不起作用。

html

 <ion-item *ngFor="let c of contacts | async">
        <ion-label fixed>c.name</ion-label>
 </ion-item>

ts

  contacts: Promise<Contact[]>;
  constructor() {
    this.getContacts()
  }

  getContacts() {
    this.contacts = this.storage.get('contacts').then((val: Contact[]) => {
      console.log('log', val);
      return val;
    });
  }

Answer 1

在您的.ts文件上尝试一下：

getContacts() {
   this.contacts = this.storage.get('contacts');
}

这样在您的html中，异步管道将订阅promise