有人可以解釋AngularJs動畫命名嗎？

Question

我總是很難設置AngularJS動畫，或者是因爲我還沒有「明白」TM或者是因爲術語顛倒了。我確定它是前者。

例如，下面的CSS工作，即。元素在顯示時從左側飛入，隱藏時飛回左側。

.fly-from-left { 
    transition:all linear 0.2s; 
    left:4px 
} 

.fly-from-left.ng-hide-remove { // this is the start point of the show animation 
    left: -20px; 
} 
.fly-from-left.ng-hide { // this is the endpoint of the hide animation 
    left: -20px; 
} 

但我沒有得到的是爲什麼負責顯示動畫的選擇器被稱爲ng-hide-remove。如果有人能夠說明術語，我將來會發現更容易設置動畫。

Answer 1

一旦元素被ng-hide指令隱藏，就會有一個名爲.ng-hide的css類被應用到它。

我認爲類.ng-hide-remove是一個動畫，當.ng-hide類被刪除時觸發。

又見

AngularJS也 關注的元素的CSS類的變化引發了添加和刪除掛鉤。這意味着如果一個CSS類是 添加到元素或從元素中刪除，則可以在CSS類添加或刪除完成之前在其中執行動畫 。 （記住，AngularJS將只能捕獲類 變化如果一個表達式或納克級指令在 元件上使用。）

從documentation

從這一角度出發， .ng-hide-remove是有道理的。