不正確的類觸發的動畫

Question

我有兩個類，class1和class2。我已將class2與.class2-add聯繫爲動畫。但在以下示例中，切換任一類都會觸發動畫。是什麼賦予了？

http://plnkr.co/edit/V1bf0waCnUWCt58F3Y63

我不想動畫，當我切換class1觸發。

Answer 1

根據ngClass

當表情變化時，以前添加的類被去除，才把新的類添加。

這意味着類被刪除，再重新添加到您的指令，這就是爲什麼它重新觸發.class2-add

根據您的實際使用情況，沒有直接的修復，我知道的。

補救措施，以我所知的位使用CSS：

.class1-add.class2-add { 
    -webkit-transition:none; 
    -moz-transition:none; 
    -o-transition:none; 
    transition:none; 
    background-color: #fff; 
} 

以抵消動畫時，他們都在同一時間存在。

或者

ng-class="{class1: class1, class2: class2 && !class1}" 

兩種方法，但是仍然會觸發您.class2-add當你.class1被刪除，.class2當前處於激活狀態（TRUE）。

綜上所述，當ng-class收到更改後，-add將被重新觸發。

鏈接：http://plnkr.co/edit/bFhKyNZBi5uEG0cyCAc7?p=preview