[dtzscln]

Задача:
В контроллере есть пустой массив. Через какое-то время (когда придет ответ от сервера) в этом массиве станет, допустим, 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')), при котором вопросов возникнуть просто не может и всё прекрасно работает.
Анимировать появление пачки элементов таким способом не получается)