Angular2 add/remove class programatically

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() аннотацию, просто назвать несколько.