AngularJS暂时禁用动画

时间:2016-03-24 14:21:15

标签: css angularjs css-animations ng-animate

我有一个相当复杂的N。显示项目的数量可以通过两个按钮控制。 第一个按钮使用过滤器从ng-repeat中删除单个元素。 第二个按钮会删除一堆元素并显示一堆其他元素(也可以使用过滤器)。

我目前在ng-repeat上有一个动画,如下所示:

namespace A {
    namespace N {
        void f();
    }
}

void A::N::f() {
    i = 5;
    // The following scopes are searched for a declaration of i:
    // 1) outermost block scope of A::N::f, before the use of i
    // 2) scope of namespace N
    // 3) scope of namespace A
    // 4) global scope, before the definition of A::N::f
}

当用户点击第一个按钮时,我希望元素使用动画。 当用户单击第二个按钮时,我想禁用任何动画。

我正在使用AngularJS 1.2.16。

1 个答案:

答案 0 :(得分:2)

您可以使用ng-class指令有条件地拥有animation类。如果你不想要它,请删除animation课程,特别是点击第二个按钮说。

<div ng-class="{animation: expression }" data-ng-repeat="item in items"> ... </div>

在上面的代码段expression中将是条件/范围变量,它将设置为false,以便animation将被删除,动画将被禁用。