mardi 17 mars 2015

How to add checkbox values to an array in AngularJS?

Someone help me please! Lets say I have an a list of a checkboxes, each checkbox have an ID. I would like to $scope an array with checked checkboxes IDs.



<div ng-app="myapp">
<div ng-controller="ctrlParent">
<table>
<tr ng-repeat="(key, value) in providers">
<td><input type="checkbox" ng-model="ids[value.Id]"> {{value}} </td>
</tr>
</table>
{{ids}}
</div>


And my controller:



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

app.controller('ctrlParent',function($scope){
$scope.providers = [{Id:5},{Id:6},{Id:8},{Id:10}];
$scope.ids = {};
});


Now my array output (if all check boxes are checked) is: {"5":true,"6":true,"8":true,"10":true}


And I would like: [{Id:5},{Id:6},{Id:8},{Id:10}]


Thanx in advance!





Aucun commentaire:

Enregistrer un commentaire