Привет, я новичок с угловой анимацией, я хочу сделать свой ввод анимированным при изменении значения ввода (это калькулятор). Я сделал это, как можно снять событие для выполнения анимации?
@Component({
selector: 'xxxxx',
templateUrl: './yyyy.html',
styleUrls: ['./example.scss'],
animations: [
trigger('simpleFadeAnimation', [
state('in', style({opacity: 1})),
transition(':enter', [
style({opacity: 0}),
animate(600)
])
])
]
})
0
Luis Airabella
16 Июл 2020 в 17:43
1 ответ
Лучший ответ
Вы можете использовать дикие карты
animations: [
trigger('simpleFadeAnimation', [
transition('*=>*', [
style({opacity: 0}),
animate(600)
])
])
]
Итак, вы можете использовать
<div [@simpleFadeAnimation]="value">
.....some...
</div>
Каждый раз, когда вы меняете переменную "значение", начинается анимация.
0
Eliseo
16 Июл 2020 в 18:55
Похожие вопросы
Новые вопросы
angular
Вопросы по Angular (не путать с AngularJS), веб-фреймворку от Google. Используйте этот тег для угловых вопросов, которые не относятся к конкретной версии. Для более старой веб-платформы AngularJS (1.x) используйте тег angularjs.