CODEWITHSUNDEEP
angularjsangularjs-ng-repeat
cplus
cplus

Reputation: 1115

angularjs nested ng-repeat of checkbox

I have the following ng-repeat list. I want to convert it to checkboxes.
Currently, it is repeating the category headings in myJSON.mylist and then repeating each subitem in each category in list mode.
How can I convert the list type into checkbox type, so that ONLY subitems can be chosen?

<ul ng-repeat="s in myJSON.mylist">
    <li type="checkbox"> {{s.item}}</li>
    <ul >
        <li type="checkbox" ng-repeat="subitem in s.subitems">
            {{subitem.values}}</li>
    </ul>
</ul>

here is a similar example.

Upvotes: 1

Views: 440

Answers (2)

Marcel
Marcel

Reputation: 2794

you can go like this:

<div ng-repeat="sin myJSON.mylist">
    <div > {{s.item}}</div>
    <ul >
        <li ng-repeat="subitem in s.subitems">
            <input type="checkbox" name="myname"
                   ng-model="myModel.myname[subitem.values]">
                    {{subitem.values}}
        </li>
    </ul>
</div>

Upvotes: 2

Mikkel
Mikkel

Reputation: 7777

The difference is this:

You are using 

<li type="checkbox"...

The example uses

<input type="checkbox" ...

Probably what you want is 

<li><input type="checkbox" ...

Upvotes: 0

Related Questions