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>