代码之家 › 专栏 › 技术社区 › Offir

Angular 6根据条件选择动画

animation angular javascript

Offir · 技术社区 · 3 年前

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

我希望根据以下条件有条件地选择动画 translationService.currentLanguage ,如果是 en 然后使用 [@SwipeLeftToRight] 动画。

如何在Angular 6中实现?

0 回复 | 直到 3 年前

Owais Ahmed Khan 3 年前

以下是你可以做的。

在你的 .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>

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前