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