title: Angular JS: Change only clicked button text in ng-repeat
body: <p>I am pretty much new to Angular JS. I have some products to display in the home page which I am displaying using ng-repeat. Each product have an 'Add to cart' button which is also displayed using ng-repeat. My problem is, I want to change the text of a particular button I am clicking. I have used 'toggle' and all the buttons text is changing. Please some one help me with this issue.</p>
  
  <p>My HTML Code:</p>
  
  <pre><code>&lt;div class="col-md-3 col-sm-6" ng-repeat="item in products"&gt;
       &lt;div class="thumbnail"&gt;
            &lt;image src="{{item.imageUrl}}"&gt;&lt;/image&gt;
       &lt;/div&gt;
       &lt;div&gt;
            &lt;button class="btn btn-primary" ng-click="toggle(item)"&gt;{{buttonText}}&lt;/button&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My angular js code:</p>
  
  <pre><code>var toggle = false;  
  $scope.toggle = function(item){
      $scope.buttonText = toggle ? 'Add To Cart' : 'Remove From Cart';
      toggle=!toggle;
  }
  </code></pre>