У меня есть массив элементов в ng-repeat
. Этот родительский элемент также имеет анимацию фонового перехода с длительностью 1 секунду.
Когда я удаляю элемент с помощью splice
, для удаления из пользовательского интерфейса требуется 1 секунда. (В зависимости от того, какое время я даю для продолжительности перехода)
Я не хочу добавлять другой класс, чтобы сначала удалить переход, а затем удалить. Или это единственный способ?
<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;
}
Попробуйте это так: 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/