为角度下拉菜单设置选定的值

Question

I'm working in an angularjs app, and I having a hard time trying to set the selected value in a select tag.

Notice, the 2nd option has the selected="selected"

I tried all the solutions posted, like set the doc type t html5, add autocomplete=off , add a name to the form tag. And nothing seems to work. Any idea how to achieve that.

This is fiddle: https://jsfiddle.net/20cw7eqe/ and works fine there.

But it does not work on FF or Chrome. BTW, Im using bootstrap.

Any workaround?

Answer 1

Take a look at this example: http://plnkr.co/edit/Xc8Qrcr0AN4I2U0chbye?p=preview

There you can see 2 different examples of select tag, for different models. You can use the one that is more similar to your case.

Just set in your controller the value you want to be selected. ng-model will make the rest.

I have edited the plunker so you can se how ng-selected works. This was the code included:

<select required="true" ng-model="selected3">
    <option ng-repeat="option in options2" ng-selected="option == 'second'" >{{option}}</option>
</select>