Angularjs three state checkbox with ng-repeat issue

Question

I'm trying to get a list of questions (retrieved dynamically so we can't hard code them) and then using ng-repeat list them out with a three state checkbox next to each (true, false, null).

The code below works to show the questions with the correct checkboxes, however each time you click on 1 checkbox they all change as they are using the same ng-model (I assume).

How do I get around this?

Thanks

<div class="select-all-checkboxes" flex="100" ng-repeat="(guidCustomerId,item) in items" ng-if="item.type=='Mandatory'">
    <span three-state-checkbox ng-model="idv.checkboxModelThree" ng-change="idv.checkBoxonChange()" ng-checked="exists(item, selected_mandatory)"></span>
    <h8-red>{{item.question}}</h8-red>{{item.answer}}
    <br /><br />
</div>

Did you tried something like ng-model="item.value" ng-change="item.value = ! item.value"? — Mistalis
– Mistalis, Commented Oct 20, 2016 at 9:09

Mistalis · Accepted Answer · 2016-10-20 14:06:40Z

0

Can you try?

<div class="select-all-checkboxes" flex="100" ng-repeat="(guidCustomerId,item) in items" ng-if="item.type=='Mandatory'">
    <span three-state-checkbox ng-model="item.value" ng-change="item.value = !item.value" ng-checked="exists(item, selected_mandatory)"></span>
    <h8-red>{{item.question}}</h8-red>{{item.answer}}
    <br /><br />
</div>

answered Oct 20, 2016 at 14:06

Mistalis

18.3k14 gold badges78 silver badges97 bronze badges

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

Collectives™ on Stack Overflow

Angularjs three state checkbox with ng-repeat issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related