ng-selected inside of ng-repeat not working (AngularJS)

Question

I'm trying to make a comparison of values to "check" an <option> tag inside of my <select> tag, but can't find a solution...

*This is an administration page, so I already have the {{x.nivel}} value. I just need to mark it as "selected" according to each "inscritos" from ng-repeat.

Help :\

            <li ng-repeat="x in inscritos | orderBy:'nome'">
                <select>
                    <option ng-selected="(this.value)=={{x.nivel}}" value="Iniciante">Iniciante</option>
                    <option ng-selected="(this.value)=={{x.nivel}}" value="Intermediário">Intermediário</option>
                    <option ng-selected="(this.value)=={{x.nivel}}" value="Avançado">Avançado</option>
                </select>
        </li>

Łukasz · Accepted Answer · 2018-03-18 22:59:17Z

2

Don't use {{}} in js expression:

 <li ng-repeat="x in inscritos | orderBy:'nome'">
    <select>
       <option ng-selected="x.nivel=='Iniciante'" value="Iniciante">Iniciante</option>
       <option ng-selected="x.nivel=='Intermediário'" value="Intermediário">Intermediário</option>
       <option ng-selected="x.nivel=='Avançado'" value="Avançado">Avançado</option>
     </select>
 </li>

The double curly brace notation {{ }} is used to bind values with html elements. See templates docs.

edited Mar 18, 2018 at 22:59

answered Mar 18, 2018 at 22:49

Łukasz

2,1711 gold badge15 silver badges29 bronze badges

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

2 Comments

jeanm Over a year ago

Hey, Lukasz, worked like a charm :) Thank you very much.

Łukasz Over a year ago

I'm glad that helped :)

Collectives™ on Stack Overflow

ng-selected inside of ng-repeat not working (AngularJS)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related