title: Remove ng-click event after getting one time event
body: <p>I am using <code>ng-click</code> function with <code>ng-repeat</code>. but I want to get the event one time for particular id. and after that if we click on that id then function should not be called for that id.</p>
  
  <p>For example, if I click on id:101 then the function should be called for this id only once. and function will work for other ids.  In other words function will be called once for each ids.</p>
  
  <p>My HTML code:</p>
  
  <pre><code>&lt;body ng-controller="AppController"&gt;
  
  &lt;table&gt;
    &lt;tr ng-repeat="user in users" class="table table-striped table-bordered"&gt;
      &lt;td&gt;{{user.firstname}}&lt;/td&gt;
      &lt;td&gt;{{user.lastname}}&lt;/td&gt;
      &lt;td&gt;&lt;a href="javascript:void();" ng-class="{true:'shortlisted',false:'shortlist'}[shortlistStatus == {{user.id}}]"  ng-disabled="disable_{{user.id}}" ng-click="shortlist(user.id);" &gt;Shortlist&lt;/a&gt;&lt;/td&gt;              
  
    &lt;/tr&gt;
  
  &lt;/table&gt; 
  
   &lt;/body&gt;
  </code></pre>
  
  <p>My controller code:</p>
  
  <pre><code>var app = angular.module('plunker', []);
  app.controller('AppController', ['$scope', function($scope) {
  
      $scope.users = [{
          firstname: "John",
          lastname: 'Doe',
          id: "101"
      }, {
          firstname: "John",
          lastname: 'Doe2',
          id: "102"
      }, {
          firstname: "John",
          lastname: 'Doe3',
          id: "103"
      }];
  
  
      $scope.shortlist = function(val) {
          alert(val);
  
          $scope.shortlistStatus = val;
  
          var test = 'disable_' + val;
  
          $scope.test = true;
  
      };
  
  }]); 
  </code></pre>
  
  <p><strong><a href="http://plnkr.co/edit/ugCcijWUYiX4pPmm9Bzn?p=preview" rel="nofollow">Plunker</a></strong></p>