title: ng-hide and ng-show in ng-repeat html table angularjs
body: <p>I have my table in html view generated using ng-repeat. In table when I click the "show check" button in certain ID row for example 1 the "CHECK" word should be visible beside the id number 1 and when I click 2 the "CHECK" word should be visible beside the id number 2 and the word "CHECK" in number 1 should be remove or invisible. I am using ng-repeat in table. It's almost working fine except when I click button 2 times the other "CHECK" word is still visible which should not. Any help would be much appreciated. Thanks </p>
  
  <p>This is my fiddle: <a href="http://jsfiddle.net/DharkRoses/onao6ddn/" rel="nofollow">http://jsfiddle.net/DharkRoses/onao6ddn/</a></p>
  
  <p>Sample code:</p>
  
  <pre><code> &lt;tr ng-repeat="user in users"&gt;
          &lt;td&gt;&lt;p ng-show ="user.myVar"&gt;CHECK&lt;/p&gt;{{user.id}}&lt;/td&gt;
          &lt;td&gt;{{user.name}}&lt;/td&gt;
          &lt;td&gt;{{user.stat}}&lt;/td&gt;
          &lt;td&gt;&lt;button id ="btn" ng-click = "toggleShow(user)"&gt;show check&lt;/button&gt;&lt;/td&gt;
   &lt;/tr&gt;
  </code></pre>