Флажок Angularjs three state с номером ng-repeat

Question

Я пытаюсь получить список вопросов (извлекается динамически, поэтому мы не можем их жестко закодировать), а затем используя ng-repeat, перечислите их с тремя состояниями, расположенными рядом с каждым (true, false, null).

Приведенный ниже код работает, чтобы показать вопросы с правильными флажками, однако каждый раз, когда вы нажимаете на кнопку 1, они меняются, поскольку используют один и тот же ng-model (я полагаю).

Как мне обойти это?

Благодаря

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

Answer 1

Можете ли вы попробовать?

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