Function Called Multiple Times in AngularJS Repeat Section

by

It’s because you’re binding to a function expression here: 

<td>{{calcRowTotal($index, row)}}</td>

What that does it force that function to be reevaluated on every item, on every digest. What you’ll want to do to prevent that is pre-calculate that value and put it in your array to begin with.

One way to do that is to set up a watch on your array:

$scope.$watch('timesheetRows', function(rows) {
   for(var i = 0; i < value.length; i++) {
     var row = rows[i];
     row.rowTotal = $scope.calcRowTotal(row, i);
   }
}, true);

Then all you have to do is bind to that new value:

<td>{{row.rowTotal}}</td>

More Related Contents:

  1. Share data between AngularJS controllers
  2. Angularjs Uncaught Error: [$injector:modulerr] when migrating to V1.3
  3. Why Does Firebase Lose Reference outside the once() Function?
  4. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  5. AngularJS – Value attribute on an input text box is ignored when there is a ng-model used?
  6. How to improve performance of ngRepeat over a huge dataset (angular.js)?
  7. Maintain model of scope when changing between views in AngularJS
  8. use $http inside custom provider in app config, angular.js
  9. orderBy array item value in Angular ng-repeat
  10. Binding ng-model inside ng-repeat loop in AngularJS
  11. AngularJS – Building a dynamic table based on a json
  12. Reading Excel file using node.js
  13. download csv file from web api in angular js
  14. What is the purpose of square bracket usage in Angular?
  15. How to make POST requests with the FormData API
  16. How to remove an item from an array in AngularJS scope?
  17. Open multiple links in Chrome at once as new tabs
  18. AngularJS abort all pending $http requests on route change
  19. Unit-test promise-based code in Angularjs
  20. Format input value in Angularjs
  21. angular.js ng-repeat for creating grid
  22. Render value without data-binding
  23. Cannot find module ‘../build/Release/bson’] code: ‘MODULE_NOT_FOUND’ } js-bson: Failed to load c++ bson extension, using pure JS version
  24. Reason for using array notation when defining AngularJS Controller
  25. What is the difference between the $parse, $interpolate and $compile services?
  26. AngularJS css animation + done callback
  27. Angular directive templateUrl relative to .js file
  28. angularjs infinite scroll in a container
  29. AngularJS Promises, $q, defer
  30. How is AngularJS different from jQuery

Leave a Comment