Ioni c - обратный вызов после * ng для завершения

Question

В настоящее время я работаю над приложением, использующим Ioni c (последняя версия) + Angular. И я построил список, используя ngFor, теперь я хочу вызвать функцию после завершения ngFor.

Я нашел это: Angular 2: обратный вызов после завершения ngFor пока не работает при использовании ioni c, так как выдает ошибки о том, что [ready] не является частью моего <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>

Есть ничего особенного в моем файле Typescript. Все, что я хочу сделать, - это иметь возможность вызывать функцию, например, isReady() после того, как весь ngFor сделан, или после того, как мой DOM полностью рендерится (хотя после осмотра кажется, что ioni c не поддерживает 'ready 'или' загрузить 'в моем окне / документе

ПРИМЕЧАНИЕ: есть приложение, и я использую массив + ngFor для построения списка. Теперь, когда я удаляю / добавляю элемент из массива, мой ngFor обновляет мой список. Я хочу, чтобы эта функция / решение также вызывалось после обновления моего списка

Answer 1

Вы можете просто добавить эту строку кода в ion-item,

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

и написать isItSelected() функцию, которая возвращает истину или ложь в зависимости от ваших требований, и она добавит этот класс в ion- item. пункт ?