How use checkbox properly inside ng-repeat in angularjs?

Question

I am using ionic framework and angularjs for one app. I am using checkboxes inside ng-repeat. The issue is, if I check the checkbox, it is getting added to the array. If I uncheck it is not getting removed from that array.

The html code is

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

My controller code is

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

can anyone help me to resolve this..

That's what I am trying to do Anik. If I give selectedMap.remove(data), Entire array is getting removed — Santhosh Aineri
– Santhosh Aineri, Commented Dec 21, 2015 at 8:14

Ashish Kumawat · Accepted Answer · 2015-12-21 08:17:55Z

1

Add code to remove element also.

if(subtask.checked == false){
             for(var i = selectedMap.length - 1; i >= 0; i--) {
                  if(selectedMap[i] === data) {
                        selectedMap.splice(i, 1);
                      }
                  }
            }

answered Dec 21, 2015 at 8:17

Ashish Kumawat

7057 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Santhosh Aineri · Accepted Answer · 2015-12-24 08:21:39Z

Finally I got the answer for this. If I use "selectedMap[i] === data" I am not able to splice the array because it is not able compare the objects properly. The code is

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);
                      }
                  }
            }

Collectives™ on Stack Overflow

How use checkbox properly inside ng-repeat in angularjs?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related