Ionic-* ngFor完成后的回调

问题描述 投票:1回答:1

我目前正在使用Ionic(最新)+ Angular开发应用程序。现在,我已经使用ngFor建立了一个列表,我想在ngFor完成后调用一个函数。

我发现了这个:Angular 2: Callback when ngFor has finished但这在使用离子性离子时不起作用,因为它会给出有关[准备好]不在我的<ion-item>中的错误

我的代码:

<ion-list>
      <ion-item class="ion-no-padding" *ngFor="let exercise of exercises;"
        (click)="selectExercise($event, exercise.id)" [id]="exercise.id">
        <ion-avatar slot="start">
          <ion-img [src]="exercise.imageUrl"></ion-img>
        </ion-avatar>
        <ion-label">
          <h2>{{exercise.title}}</h2>
          <p>{{exercise.category}}</p>
        </ion-label">
      </ion-item>
</ion-list>

我的打字稿文件中没有什么特别的。我要做的就是能够调用一个函数,例如在完成整个isReady()或完全渲染我的DOM之后ngFor(尽管环顾四周,似乎ionic不支持我的窗口/文档上的“ ready”或“ load”)>

注意:有一个应用程序,我使用数组+ ngFor建立了列表。现在,当我从数组中删除/添加一个项目时,我的ngFor将更新我的列表。我希望列表更新后也可以调用此函数/解决方案

我目前正在使用Ionic(最新)+ Angular开发应用程序。我已经使用ngFor建立了一个列表,现在我想在ngFor完成后调用一个函数。我发现了这一点:角度2:...

angular ionic-framework ngfor
1个回答
0
投票

您可以简单地将这行代码添加到ion-item,

© www.soinside.com 2019 - 2024. All rights reserved.