Angular2以編程方式添加/刪除類

Question

在我的angular2登錄表單中，如果用戶插入錯誤憑據，我想使用animate.css播放動畫，所以我需要添加一個類然後（？）將其刪除。

我該如何實現這樣的行爲？

非常感謝

Answer 1

我發現剛剛閱讀官方文檔的anwer。

這是我工作的工具類：

export class JQueryUtils 
{ 
    public static animateCss (selector:string, animationName:string) 
    { 
     var jQueryElement = jQuery (selector); 
     jQueryElement.addClass ('animated ' + animationName).one ('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', 
     function() { 
      jQueryElement.removeClass ('animated ' + animationName); 
     }); 
    } 
} 

Answer 2

裏面的模板使用ngClass，組件本身上，使用host: {'[class.someClass]':'someExpression'}在@Component()註釋，只是僅舉幾例。