Question

我在HTML页面中使用ng-repeat显示一些数据。

<div class="list-expense-menu-item" ng-repeat="todo in todos">
  <md-checkbox aria-label="Checkbox" ng-model="ch" ng-change="changeClass(ch)" >   </md-checkbox>
  <div class="col-80">
    <p class="header">{{todo.note}}</p>
  </div>
 </div>

我想在选中复选框时向第二个class添加div（即，使用类col-80的div），并在取消选中时删除class

Controller.js

$scope.ch=false;
    $scope.changeClass=function(val){
       alert(val);
       if(val){
         //add class text-strick
        }else{
          //remove class text-strick
        }
      }

我会在alert中获得真实和错误的值，但我不知道在更改复选框时如何添加和删除课程

Answer 1

您必须将复选框与在ng-repeat中重复的待办事项对象链接。从你的问题我明白你想要突出显示复选框旁边的div，所以因为会有多对复选框和div，所以这样的东西会起作用：

<div class="list-expense-menu-item" ng-repeat="todo in todos">
    <md-checkbox aria-label="Checkbox" ng-model="todo.ch"></md-checkbox>
   <div class="col-80" ng-class="{'className':todo.ch}">
     <p class="header">{{todo.note}}</p>
   </div>
</div>

在AngularJs中更改复选框时，向div添加和删除类

1 个答案: