Привет, я новичок с угловой анимацией, я хочу сделать свой ввод анимированным при изменении значения ввода (это калькулятор). Я сделал это, как можно снять событие для выполнения анимации?

@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