Angularjs 启用toggleClass复选框选择unselect（当它处于ng重复模式时）

我想在勾选复选框时将ng repeat中我行的类更改为active，或者在取消选中复选框时删除active class

<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> 

S编号namemail-IdBirthdayContactAction
{{key+1}}{{user.name}
{{user.email}{{user.dob}{{{contact}}

将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> 

S编号namemail-IdBirthdayContactAction
{{key+1}}{{user.name}
{{user.email}{{user.dob}{{{contact}}

检查一行时，该行的类应该是活动的，但它没有发生。活动{color:red；}您能为您的问题创建plnkr吗？