ng-repeat perf

Skeleton fiddle for Angular.

by cmyworld

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-resource.js"></script>
<div ng-app="app">
    <div ng-controller='MainCtrl'>
         <h1>Hello {{message}}</h1>
        <div>
            <div ng-repeat='item in items track by item.id'>
                <span ng-controller='itemController'>{{item.id}}</span>
            </div>
        </div>
    </div>
</div>

JavaScript

angular.module('app', ['ngResource'])
    .controller('MainCtrl', ['$scope', '$resource', function ($scope, $resource) {
    $scope.message = "World";     
        $scope.items=[{id:1},{id:2},{id:3},{id:4},{id:5}];
        $scope.items.push({id:6});
        $scope.items=angular.copy($scope.items);
}])
.controller('itemController',function($scope){
    console.log('creating controler for:' + $scope.item.id);
});