Nested md-checkbox not working

Asked Aug 13 '18 at 10:23

Active Aug 13 '18 at 13:26

Viewed 126 times

I have a list i.e.

Supplier[1], Supplier[2]...Supplier[n] Each supplier have a list within i.e. Material [1,2,3,4,5.....50]

the problem I am facing is that, as soon as I select the value using this check box, it gets reflected for both the supplier. How I can distinguish between the selected values for multiple suppliers. I tried using ng-model but then I am not even able to select the value in checkbox.

Could you please help me out ?

<md-list>
    <label>Free Trade Agreement*</label>
    <md-list-item ng-repeat="Lists in MatList">
        <md-checkbox 
            ng-checked="Lists.checked"
            ng-click="toggle($index,MatList,supIndex)"
            ng-value="Lists.label">
        </md-checkbox>
        <span>{{Lists.label}}</span>
    </md-list-item>
</md-list>

edited Aug 13 '18 at 13:26

G. Tranter

16,766
1
48
68

asked Aug 13 '18 at 10:23

user7414076

Please post the JSON for MatList, or even better, put this in a codepen. – Mike Feltman Aug 13 '18 at 10:35
Hi Mike, MatList is something like Material [1,2,3,4,5.....50] – user7414076 Aug 13 '18 at 10:41
Use `ng-model` and set the value from the controller. Don't use `ng-checked`. – georgeawg Aug 13 '18 at 11:33
I tried doing that but of no avail. – user7414076 Aug 13 '18 at 12:22
I have tried to use ng-model but now all the checkbox are getting selected. – user7414076 Aug 13 '18 at 14:34

Nested md-checkbox not working

0 Answers0