使用（单击）角度添加第二个动画

我正在使用图书馆动画https://daneden.github.io/animate.css/

例如，为了添加类动画+ nameOfAnimation而添加动画

我想在点击按钮时添加第二个动画，所以我想到了类似的东西

  addClass():void{ $('.heroe-button').removeClass('fadeInLeft'); $('.heroe-button').addClass('fadeOutRight'); } 

但这没有做任何事情..我也尝试添加和删除不透明度来重置动画，但两者都没有。 几乎没有其他一些技巧，但没有成功。

（基本上我想做的是一个按钮fadesin动画，当按下按钮它淡出也动画..

Answer 1

此示例来自@Jan Hamara在评论中分享的链接。

   $(".heroe-button").click(function() { var el = $(this); el.before( el.clone(true) ).remove(); }); 

这将创建一个克隆元素，然后删除原始元素。 这种方式将重新启动动画。

Answer 2

我认为将jquery添加到angular会是一个坏主意，为什么不使用ngClass

 [ngClass]="{'style1': isClass1Visible, 'style2': isClass2Visible}" 

所以在你的代码中它会是这样的：

   changeVisibility() { //Change isVisible variable } 

有关ngClass的更多文档，请访问： https ：//angular.io/api/common/NgClass