表达式更改时如何进行转换

Question

当表达式发生变化时，是否有任何方法可以进行转换，使用angular for ionic

这是我的HTML代码。我希望在表达式更改（{{phrase}}）

时转换<div class="fadeIn">{{ phrase }}</div>

<div class="fadeIn">{{ phrase }}</div> /*I use animate.css framework*/
<button ion-button (click)="previous()">Previous</button>
<button ion-button (click)="next()">Next</button>

TypeScript文件

import { Component, OnInit } from '@angular/core';

export class RecipePage implements OnInit{

  phrase: string;
  ngOnInit() { this.phrase = "Hi"; }
  next() { this.phrase = "Next phrase"; }
  previous() { this.phrase = "Previous phrase"; }

}

当我点击按钮时文本被更改但动画无效，因为我使用typescript来更改文本this.phrase = "here";

当表达式由typescript改变时，是否可以进行转换

Answer 1

您可以使用Animate css，它适用于任何类型的组件（文本，图像等）

animate.css