我正忙于使用Angular作为前端在Ionic v4中开发移动应用程序。我目前正在使用animate.css
为某些过渡设置动画。我希望一个div消失,而另一个淡入,一旦数据加载到后端。
因此,我已经正确使用了切换部分,在每个div上使用*ngIf
来检查何时提取了数据。使用animate.css
,可以通过将animated fadeIn
应用于div的class属性来使第二个div淡入。
所以剩下的唯一事情就是淡出第一个div,现在我尝试使用[ngClass]="(information != null) ? 'animated fadeOut' : ''"
有条件地设置div的类,但是在我看来,当视图呈现时,该类仅被评估一次再也不会像*ngIf
一样。
有人知道我可以在评估表达式为true时在div上有条件地应用一个类的方法,这种方法将在视图的整个生命周期中进行检查,例如*ngIf
?