title: Increment counter in item generated with ng-repeat
body: <p>I generated a list with ng-repeat, where each item has a count variable. In the listitems I have a link, I want to increment the count when I click it.</p>
  
  <p>I don't have a clue to solve this in Angular-JS way.</p>
  
  <p><a href="http://plnkr.co/edit/HfeLw8uHWcqPN3Xzx8sN">Plunker</a></p>
  
  <p></p>
  
  <pre><code>&lt;head&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;
      function increment() {
  
      }
  
    &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div ng-init="items = [
    {name:'fruit', count:4},
    {name:'car', count:1},
    {name:'dog', count:2}
    ]"&gt;
      &lt;ul&gt;
        &lt;li ng-repeat="item in items"&gt;
          &lt;span&gt;Count:&lt;/span&gt;
          &lt;span&gt;{{item.count}}&lt;/span&gt;
          &lt;a onclick="increment();"&gt;Increment&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>With JQuery I would assign the span a unique id, using some counter variable, pass this id to increment, find the html object and update. But I'm curious about an Angular way to do it. </p>