Я работаю с приложением ionic 2 и сталкиваюсь с проблемой флип-анимации.
Я хочу поместить анимацию переворачивания на ion-col (перевернуть влево и повернуть вправо), но анимация переворота иногда не работает.
Я имею в виду анимацию пролистывания снизу по ссылке-
Ссылка - https://www.joshmorony.com/using-the-web-animations-api-in-ionic-2/
.html код
<ion-grid>
<ion-row>
<ion-col [@flip]="flipState" col-6
(swipe)="swipeEvent($event)">
</ion-col>
</ion-row>
</ion-grid>
.ts код
Сначала установите анимацию
animations: [
trigger('flip', [
state('flipped', style({
transform: 'rotateY(360deg)',
})),
transition('* => flipped', animate('500ms ease'))
]),
]
})
когда метод swipeEvent вызывается
swipeEvent(ev) {
if ((ev.direction === 2 || ev.direction === 4)) {
this.flipState = 'flipped';
}
}