Angular2以编程方式添加/删除类

【问题标题】：Angular2 add/remove class programmaticallyAngular2以编程方式添加/删除类
【发布时间】：2016-03-16 18:47:21
【问题描述】：

在我的 angular2 登录表单中，如果用户插入了错误的凭据，我想使用 animate.css 播放动画，所以我需要添加一个类，然后（？）删除它。

我怎样才能实现这样的行为？

非常感谢

【问题讨论】：

请提供一些代码来演示您尝试完成的工作。有很多方法取决于你想要什么。

标签： angular animate.css

【解决方案1】：

在模板内部使用ngClass，在组件本身上，在@Component() 注解中使用host: {'[class.someClass]':'someExpression'}，仅举几例。

【讨论】：

【解决方案2】：

我在阅读官方文档时找到了答案。

这是我的实用工具类：

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);
        });
    }
}

【讨论】：