javascript - Angular 6根据条件选择动画

Question

<div [@SwipeRightToLeft] [@SwipeLeftToRight]>
  <a *ngIf='!(translationService.currentLanguage =="en")'>
  </a>
</div>

我希望基于 有条件地选择动画translationService.currentLanguage，如果是en则使用[@SwipeLeftToRight]动画。

我怎样才能在 Angular 6 中做到这一点？

标签： javascriptangularanimation

Answer 1

这是你可以做的。

在您的.ts文件中。

getCurrentLanguage()
{
   return this.translationService.currentLanguage;
}

至于动画

animations: [
    trigger('swipe', [
      transition("void => en", [
        //swipe right
        ]
      )
    ]),
    trigger('swipe', [
      transition("void => ''", [
        //swipe left        ]
      )
    ])
  ]
})

并为您提供HTML文件。

<div [@Swipe]="getCurrentLanguage()">
  <a>
  </a>
</div>