Getting the checked checkbox on ngrepeat angularjs

Question

I am using ng-repeat in angularjs to display several checkboxes.

<div class="checkbox" ng-repeat="subject in priceinformation.subjects">
   <label>
       <input type="checkbox" ng-model="priceinformation.subscriptioninfo.subject.name"> {{subject.name}}
   </label>
</div>

The problem is all the checkboxes are using the same model, hence if I check one, all are checked. I want to do it in a way that the model can resolve to different values. e.g.

ng-model="priceinformation.subscriptioninfo.subject.{{subject.name}}"

{{subject.name}} should resolve to something like English, History etc, hence a different model for each checkbox. But ng-model="priceinformation.subscriptioninfo.subject.{{subject.name}}" is giving an error.

Note: {{subject.name}} is resolving correctly used elsewhere, and 'priceinformation.subscriptioninfo.subject' is working correctly.

Please format your question and/or include a jsfiddle

devqon
– devqon

2015-05-20 09:01:36 +00:00
Commented May 20, 2015 at 9:01 — devqon
– devqon, Commented May 20, 2015 at 9:01

Coder · Accepted Answer · 2015-05-20 09:14:25Z

1

Use [] instead of .

ng-model="priceinformation.subscriptioninfo[subject.name]"

Plnkr Demo

Script

$scope.priceinformation ={};

  $scope.priceinformation.subjects = [{"name":"English"},{"name":"History"},{"name":"Maths"}];

  $scope.priceinformation.subscriptioninfo ={};

edited May 20, 2015 at 9:14

answered May 20, 2015 at 9:03

Coder

7,09413 gold badges59 silver badges87 bronze badges

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

Comments

rmuller · Accepted Answer · 2015-05-20 09:04:40Z

0

<div ng-repeat="item in checks">
    <input type="checkbox" ng-model="item.checked">{{item.name}}
</div>

See Plunkr

answered May 20, 2015 at 9:04

rmuller

1,83712 silver badges12 bronze badges

Collectives™ on Stack Overflow

Getting the checked checkbox on ngrepeat 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