如何在angularjs中的ng-repeat中正确使用复选框?

时间:2015-12-21 08:00:14

标签: javascript angularjs checkbox

我正在为一个应用程序使用离子框架和angularjs。我在ng-repeat中使用复选框。问题是,如果我选中复选框,它就会被添加到数组中。如果我取消选中它就不会从该数组中删除。

html代码是

<div class="action-checkbox" ng-repeat="task in alltasks">
  <h3>{{task.taskName}}</h3>
  <ul>
    <li ng-repeat="subtask in task.subTasks" ng-click="addList(task,subtask)">
      <input id="{{task._id}}_{{subtask._id}}" name="{{task._id}}_{{subtask._id}}" type="checkbox" value="{{subtask.subTaskName}}" ng-checked="subtask.checked" ng-model="slectedTasks" class="hide"/>
      <label for="{{task._id}}_{{subtask._id}}" > 
        {{subtask.subTaskName}}
      </label>
    </li>
  </ul>
</div>

我的控制器代码是

$scope.addList = function(task,subtask){
       subtask.checked= !(subtask.checked);
       var data = {
       "task_id": task._id,
       "subTaskName": subtask.subTaskName,
    };     
        if(subtask.checked){
         selectedMap.push(data);
        }
    }

任何人都可以帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

最后我得到了答案。如果我使用&#34; selectedMap [i] === data&#34;我无法拼接数组,因为它无法正确比较对象。 代码是

if(subtask.checked){
      //selectedMap[task._id,subtask.subTaskName] = data;
     selectedMap.push(data);
     duparray = selectedMap;
     console.log(selectedMap);
    }
    if(!subtask.checked){
      console.log("not checked");
      var sellength = selectedMap.length;
      duparray = selectedMap;
      //console.log(duparray);
             for(var i = sellength - 1; i >= 0; i--) {
                  if(selectedMap[i].subTaskName == data.subTaskName) {
                      console.log(duparray);
                        duparray.splice(i, 1);
                        console.log(duparray);
                      }
                  }
            }