Does Angular redraw the entire ngRepeat or not?

by Danish Farman

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<div ng-app ng-controller="x">
    <ul>
        <li ng-repeat="item in items">
            <img width="1" height="1" src="https://www.google.com/images/srpr/logo4w.png?{{item.name}}" onload="console.log('image loaded');">{{item.name}}
        </li>
    </ul>
    
    <button ng-click="add()">add more</button>
</div>

JavaScript

function x($scope) {
    $scope.items = [
        { name: '1' },
        { name: '2' },
        { name: '3' },
        { name: '4' },
        { name: '5' }
    ];
    
    $scope.add = function () {
        //for (var i = 0; i < $scope.items.length; i++) {
        //    $scope.items[i].name += '.';
        //}
        $scope.items.push({
            name: $scope.items.length + 1
        });
    };
}