angular-ui-select2 nested ng-repeat not working

Question

I'd like to display a structure like

parent
-child1
--childOfChild1
-child2

inside select options using angular.

Using lists or other elements works great but when using select2 the result is each option displays a single hyphen like - category

Example: http://jsfiddle.net/WhLCM/

Culprit:

<select class="input-medium" ui-select2 ng-model="category" type="text" > <option ng-repeat="cat in categories" value="{{cat.name}}"> <span ng-repeat="a in cat.ancestors">-</span> {{cat.name}} </option> </select>

DreamSonic · Accepted Answer · 2014-04-07 19:37:56Z

2

span is not allowed inside option element, so the inner ng-repeat never kicks in. You need to try something different, for example this: http://jsfiddle.net/WhLCM/18/

answered Apr 7, 2014 at 19:37

DreamSonic

1,47211 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

angular-ui-select2 nested ng-repeat not working

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