从ng-repeat中删除具有过渡动画的项目

Question

我在ng-repeat中有一系列项目。 此父元素还具有持续1秒的背景过渡动画。

当我使用splice删除元素时，需要1秒才能从UI中删除。 （根据我给予过渡时间的时间）

我不想先添加另一个类来删除转换，然后删除。或者这是唯一的方法吗？

<div class="MyTransitionClass" ng-repeat="d in myArray">     
    {{d.Value}}
    <button type="button" class="CloseIcon" ng-click="DeleteItem($index)">DELETE</button>
</div>

.MyTransitionClass {
    transition: background-color ease-in 1s;
    -webkit-transition: background-color ease-in 1s;
}

Answer 1

尝试使用此https://docs.angularjs.org/api/ngAnimate

.MyTransitionClass.ng-enter {
    transition: background-color ease-in 1s;
    -webkit-transition: background-color ease-in 1s;
}

工作jsfiddle http://jsfiddle.net/irhabi/3fgtqwgq/