Почему функция в стиле нг применяется дважды?

У меня есть угловое приложение, как:

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

Ответы на вопрос(2)

Ваш ответ на вопрос