title: function in ng-src executed multiple times
body: <p>I have a small list and want to execute a function for each list item. But this function gets executed multiple times and I don't know why.</p>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;body  ng-controller="ListCtrl"&gt;
      &lt;div&gt;
          &lt;ul ng-repeat="item in items"&gt;
            &lt;li&gt;{{item.name}}&lt;img ng-src="{{test()}}"&gt;&lt;/li&gt;
          &lt;/ul&gt;
          {{counter}}
      &lt;/div&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p>Angular:</p>
  
  <pre><code>$scope.items = [
  {name: 'foo', },
  {name: 'bar', },
  {name: 'baz', }
  ];
  var counter= 0;
  $scope.test= function(){
  $scope.counter=counter++;
  console.log("Executed");
  }
  </code></pre>
  
  <p>Why is the function text executed multiple times?
   Also see this example: <a href="http://plnkr.co/edit/kxJZHCmFs4POd3SVtGZ8" rel="nofollow">http://plnkr.co/edit/kxJZHCmFs4POd3SVtGZ8</a></p>