angularjs nested ng-repeat of checkbox

Question

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.

the checkbox should be <input type=""checkbox" ... > not the <li> and you have to add ng-model="subitem.checked" if you have the checkedproperty like in example — ya_dimon
– ya_dimon, Commented Nov 6, 2016 at 2:00

Marcel · Accepted Answer · 2016-11-06 02:39:02Z

2

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>

answered Nov 6, 2016 at 2:39

Marcel

2,8041 gold badge27 silver badges40 bronze badges

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

Comments

Mikkel · Accepted Answer · 2016-11-06 01:58:45Z

0

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

answered Nov 6, 2016 at 1:58

Mikkel

7,7773 gold badges20 silver badges32 bronze badges

Collectives™ on Stack Overflow

angularjs nested ng-repeat of checkbox

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