diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/content/error/$rootScope/infdig.ngdoc | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/docs/content/error/$rootScope/infdig.ngdoc b/docs/content/error/$rootScope/infdig.ngdoc index e36f1d69..d6261df1 100644 --- a/docs/content/error/$rootScope/infdig.ngdoc +++ b/docs/content/error/$rootScope/infdig.ngdoc @@ -14,4 +14,28 @@ $scope.$watch('foo', function() { }); ``` +One common mistake is binding to a function which generates a new array every time it is called. For example: + +``` +<div ng-repeat="user in getUsers()">{{ user.name }}</div> + +... + +$scope.getUsers = function() { + return [ { name: 'Hank' }, { name: 'Francisco' } ]; +}; +``` + +Since `getUsers()` returns a new array, Angular determines that the model is different on each `$digest` +cycle, resulting in the error. The solution is to return the same array object if the elements have +not changed: + +``` +var users = [ { name: 'Hank' }, { name: 'Francisco' } ]; + +$scope.getUsers = function() { + return users; +}); +``` + The maximum number of allowed iterations of the `$digest` cycle is controlled via TTL setting which can be configured via {@link ng.$rootScopeProvider $rootScopeProvider}. |