Я занят разработкой мобильного приложения для Ionic v4 с использованием Angular в качестве внешнего интерфейса. В настоящее время я использую animate.css
для анимации некоторых переходов. Мне бы хотелось, чтобы один div исчезал, а другой - после загрузки данных на сервер.
Итак, я правильно понял переключающую часть, используя *ngIf
на каждом из блоков, чтобы проверить, когда данные были извлечены. Используя animate.css
, я могу заставить второй div исчезнуть, применив animated fadeIn
к атрибуту класса div.
Таким образом, единственной оставшейся частью является затухание первого div, теперь я попытался условно установить классы для div, используя: [ngClass]="(information != null) ? 'animated fadeOut' : ''"
, но мне кажется, что это оценивается только один раз, когда представление рендерится, и никогда опять же, в отличие от *ngIf
.
Кто-нибудь знает, как я могу условно применить класс к div, когда вычисленное выражение истинно, что будет проверяться на протяжении всего жизненного цикла представления, например *ngIf
?