title: How to access and use index of each item inside ng-repeat
body: <p>I have a table where the last column in each row contains a little loading icon which I would like to display when a button inside the table is clicked. </p>
  
  <p>When each table row is generated with ng-repeat, the loader shows up in every row rather than the individual one. How can I set ng-show to true or false for only the current index clicked?</p>
  
  <p>Template:</p>
  
  <pre><code>&lt;tr ng-repeat="record in records"&gt;
    &lt;td&gt;{{ record.name }}&lt;/td&gt;
    &lt;td&gt;&lt;a ng-click="someAction(record.name)"&gt;Some Action&lt;/a&gt;&lt;/td&gt;
    &lt;td ng-show="loading"&gt;Loading...&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>$scope.someAction = function(recordName) {
    $scope.loading = true;
  };
  </code></pre>