toggleClass选择取消选择时，它是在NG-重复

Question

我想，当一个复选框打钩以ng重复类我行改变为主动或删除活动类的复选框取消选中

<table><tbody><tr><td><b>S No.</td><td><b>Name</td><td><b>Email-Id</td><td><b>Birthday</td><td><b>Contact</td><td><b>Action</td></tr> 
     <tr ng-repeat="(key,user) in users" ng-style="myStyle" ng-class="{selected: $index==selectedRow}"> 
         <blockquote><td><input type ="checkbox" ng-model="isChecked" ng-class="active">{{key+1}}</td><td>{{user.name}}</td> 


     <td>{{user.email}}</td><td>{{user.dob }} </td> <td>{{contact }}</td><td><a href="" ng-click="removeUser(user)" > remove | </a><a href="#" ng-click="enableEditor($index)" > Edit user</a></td> 
        </input> 

        <input type="button" value="Red" ng-click="myStyle={background:'red'}">  

        </blockquote> </tr> 
         </tbody></table> 

Answer 1

将HTML更改为以下内容。你需要为每一行设置isChecked状态。

<table><tbody><tr><td><b>S No.</td><td><b>Name</td><td><b>Email-Id</td><td><b>Birthday</td><td><b>Contact</td><td><b>Action</td></tr> 
     <tr ng-repeat="(key,user) in users" ng-style="myStyle" ng-class="{active: user.isChecked}"> 
         <blockquote><td><input type ="checkbox" ng-model="user.isChecked" ng-class="active">{{key+1}}</td><td>{{user.name}}</td> 


     <td>{{user.email}}</td><td>{{user.dob }} </td> <td>{{contact }}</td><td><a href="" ng-click="removeUser(user)" > remove | </a><a href="#" ng-click="enableEditor($index)" > Edit user</a></td> 
        </input> 

        <input type="button" value="Red" ng-click="myStyle={background:'red'}">  

        </blockquote> </tr> 
         </tbody></table>