Angular 爱奥尼亚-完成后的回调*Ng

我目前正在使用Ionic（最新版本）开发一个应用程序。我已经用

ngFor

建立了一个列表，现在我想在

ngFor

完成后调用一个函数

我发现： 但是，当使用ionic时，这不起作用，因为它会导致[ready]不属于我的

我的代码：

<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>

我的Typescript文件中没有什么特别的内容。我想做的就是在整个

ngFor

完成后或在我的DOM完全呈现后（尽管环顾四周后，似乎ionic不支持窗口/文档上的“就绪”或“加载”）调用函数，例如

isReady（）

---

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

[ngClass]={ 'someClass': isItSelected(exercizes.id) }

---

并编写

isItSelected（）

函数，该函数根据您的要求返回true或false，并将该类添加到ion项您只需将此行代码添加到ion项

[ngClass]={ 'someClass': isItSelected(exercizes.id) }

---

并写入

isItSelected（）

函数，该函数根据您的要求返回true或false，并将该类添加到ion项目中。如果您发现任何困难无法按我所希望的方式工作，请告诉我。我有一个应用程序，我使用数组+ngFor来构建列表。现在，当我从数组中删除/添加项目时，我的ngFor将再次被调用，以使我的列表与我的数组匹配。不幸的是，这些更改没有调用您的函数。为什么不在添加/删除后调用该函数。另外，如果您的html由于某种原因无法再次呈现，请尝试this.arrObj=[…this.arrObj]；它会再次呈现。正如我所做的那样。exerces=[…this.exerces]；以确保它可以。我尝试在之后调用该函数，但它没有得到新的dom yetOkay，让我们尝试修复它。你能告诉我为什么你需要dom吗？如果你有这个。练习如果你发现任何困难没有按我希望的方式工作，请告诉我。我有一个应用程序，我使用数组+ngFor来构建列表。现在，当我删除它时/从数组中添加一个项my ngFor将再次被调用，以使我的列表与我的数组匹配。不幸的是，这些更改不会调用你的函数。为什么不在添加/删除后调用该函数呢？另外，如果由于某种原因，你的html无法再次呈现，请尝试this.arrObj=[…this.arrObj]；它会再次渲染。当我执行此操作时。exercises=[…this.exercises]；以确保它确实渲染。我尝试在之后调用该函数，但它没有获得新的dom yetOkay，让我们尝试修复此问题。如果您有此。exercises，您可以告诉我为什么需要dom吗