heavy bindings in repeat

by hhcofcmds

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div ng-app="app">
<div ng-controller="TestController as ctrl">
  <div ng-repeat="item in ctrl.items track by item.id">
    {{ctrl.callback(item)}}
  </div>
  <button ng-click="ctrl.someEvent()">
  clickme
  </button>
 </div></div>

JavaScript

function TestController() {

  this.items = [{id: 'id1', name: 'name1'}, {id: 'id2', name: 'name2'}];
  this.callback = function(item) {
  console.log(item.id);
    return item.name;
  }
}
angular.module('app', [])
.controller('TestController', TestController);