title: AngularJs ng-repeat with index
body: <p>I want to show the name in this section only when the display button is clicked. I'm trying to detect using index, but I didn't get success.</p>
  
  <p><code>Code</code>:</p>
  
  <pre><code>&lt;div ng-repeat="c in customers"&gt;
  
     &lt;a ng-click="display(c.id[$index])" ng-hide="need to hide after click this one"&gt;{{vm.updateText}}&lt;/a&gt;
     &lt;div ng-show="c.id[$index]" class="updateSection"&gt;
          &lt;input type="text" name="id" data-ng-model="id" /&gt;
            &lt;input type="button" ng-click="vm.veryId(id)" value="{{vm.verifyButtonText}}"&gt;
            &lt;input type="button" ng-click="vm.Cancel()" value="{{vm.cancelButtonText}}"&gt;
         &lt;/div&gt;
      &lt;/div&gt;
      // will show ng-click="vm.veryId(id)"
      &lt;rpe-progress data-ng-show="vm.showProgress" block="true"&gt;&lt;/rpe-progress&gt;
      // if id is working will show following error message:
      &lt;rpe-alert show="vm.mpnIdAlert"&gt;{{vm.errormessage}}&lt;/rpe-alert&gt;        
  
  
  
  &lt;script&gt;
     vm.display= function (index) {    
        vm.id[index] = true;  
    //   I want show updatesection &amp; hide Update text   
     }
  vm.cancel= function () {   
  //   I want hide updatesection &amp; show Update text 
         }
  
  
    vm.veryId= function (id) {   
      //  If id is wrong show error message.
             }
  &lt;/script&gt;
  </code></pre>