承诺和异步管道和Angular ngfor

时间:2017-11-06 02:58:23

标签: angular typescript ionic-framework promise ionic3

更新

我的解决方案也在起作用。我有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;
    });
  }

1 个答案:

答案 0 :(得分:2)

.ts文件上尝试此操作:

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

这样在你的html中,异步管道将订阅promise