你好,我是 Angular 动画的新手,我想在输入值变化时使我的输入动画(是一个计算器)。我已经这样做了,如何拍摄一个事件来执行动画?
@Component({
selector: 'xxxxx',
templateUrl: './yyyy.html',
styleUrls: ['./example.scss'],
animations: [
trigger('simpleFadeAnimation', [
state('in', style({opacity: 1})),
transition(':enter', [
style({opacity: 0}),
animate(600)
])
])
]
})
最佳答案
您可以使用通配符
animations: [
trigger('simpleFadeAnimation', [
transition('*=>*', [
style({opacity: 0}),
animate(600)
])
])
]
所以,你可以使用
<div [@simpleFadeAnimation]="value">
.....some...
</div>
每次更改变量“值”时,动画就会开始
关于angular - 值变化时输入动画 Angular 2+,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62937267/