Почему функция в стиле нг применяется дважды?
У меня есть угловое приложение, как:
angular.module('ngStyleApp', [])
.controller('testCtrl', function($scope) {
$scope.list = [1,2,3];
$scope.getStyles = function(index) {
console.log('getting styles for index ' + index);
return {
color: 'red'
};
};
});
с соответствующей разметкой:
<div ng-app="ngStyleApp">
<ul ng-controller="testCtrl">
<li ng-repeat="value in list" ng-style="getStyles($index)">
{{value}}
</li>
</ul>
</div>
Видимый результат - три красных списка, как и ожидалось. Но оператор записывается на консоль в общей сложности 6 раз, подразумевая, что представление отображается дважды:
getting styles for index 0
getting styles for index 1
getting styles for index 2
getting styles for index 0
getting styles for index 1
getting styles for index 2
Зачем?
JSFiddle