Angular checkboxes for objects within array

Question

I have an array, that contains objects. Each object has a boolean varaible (array[i].check). I want to make a table using AngluarJS that by clicking on a checkbox it directly change a boolean value of a specific object within my array.I use:

 <table> 
    <tr  data-ng-repeat="a in array">
            <td style="width:200px;"> {{a.name}}</td>   
            <td><input type="checkbox"  ng-model="a.check"  ng-checked="a.check"></td>
    </tr>
 </table>

But the value of every boolean remains false always. What I am doing wrong?

Is the value of a.check a Boolean or a String? In other words if you look at the actual value is it false or "false"? — zero298
– zero298, Commented Oct 17, 2017 at 19:31
Additionally, you shouldn't mix ngModel and ngChecked. See the docs: ngChecked. — zero298
– zero298, Commented Oct 17, 2017 at 19:32
nope still no effect...I have tried just ng-checked and ng-model separately — AlexP
– AlexP, Commented Oct 17, 2017 at 19:37

Naren Murali · Accepted Answer · 2017-10-17 19:43:19Z

1

Can you try this method of using ng-model alone, I have created a fiddle with the working method, apply this code, then share back with the issue and I will resolve it for you!

var app = angular.module('myApp', []);

app.controller('MyController', function MyController($scope) {
	$scope.array = [{id:1, name: "test1", changeThisValue: false},{id:2, name: "test2", changeThisValue: true},{id:3, name: "test3", changeThisValue: true},{id:4, name: "test4", changeThisValue: true},{id:5, name: "test5", changeThisValue: true}];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-controller='MyController' ng-app="myApp">
  <table>
    <tr data-ng-repeat="a in array">
      <td style="width:200px;"> {{a.name}}</td>
      <td>
        <input type="checkbox" ng-model="a.changeThisValue">
      </td>
    </tr>
  </table>
  <pre style="width:100px;white-space: pre-wrap;">{{array}}</pre>
</div>

answered Oct 17, 2017 at 19:43

Naren Murali

66.1k6 gold badges51 silver badges96 bronze badges

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

2 Comments

AlexP Over a year ago

using just ngModel worked! the first time i have tried I made a mistake that didn't noticed.....

Naren Murali Over a year ago

@AlexP Glad you fixed it!

Collectives™ on Stack Overflow

Angular checkboxes for objects within array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related