Задача:
В контроллере есть пустой массив. Через какое-то время (когда придет ответ от сервера) в этом массиве станет, допустим, 5 элементов. Я хочу анимировать их появление (прозрачность от 0 до 1 и масштаб от 0.6 до 1).
<div ng-controller="MainController">
<ul>
<li ng-repeat="item in items">{{ item }}</li>
</ul>
</div>
li {
transition: all 0.7s;
}
li.ng-enter {
opacity: 0;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
myApp.controller("MainController", function($scope, $timeout) {
$scope.items = [];
$timeout(function() {
var data = [123, 1234, 9812];
$scope.items = data;
}, 2000);
});
http://jsfiddle.net/HB7LU/5066/
Никаки не получается этого добиться.
Все примеры по анимации ng-repeat оч хитрые - они берут самый простой пример (делают кнопку и по нажатию на нее происходит $scope.items.push('new val')), при котором вопросов возникнуть просто не может и всё прекрасно работает.
Анимировать появление пачки элементов таким способом не получается)
