AngularJS ng-options默认选择的选项

时间:2014-06-05 14:12:18

标签: javascript angularjs ng-options angular-ngmodel

如何使用ng-options设置默认选项?

我已在控制器中设置此项(使用控制器作为语法):

this.myOption = this.myOptions[0];

然而,这仍然是一个空白的默认选项:

<option value="?" selected="selected"></option>

如何将默认选项设置为模型中的第一个值(&#34;项目1&#34;)?

Here's a JSBin demo

2 个答案:

答案 0 :(得分:12)

要么改变:

ng-options="value.id as value.label ...

为:

ng-options="value as value.label ...

演示:http://jsbin.com/gewebeqo/4/


或使用:

this.myOption = this.myOptions[0].id;

在控制器中。

演示:http://jsbin.com/gewebeqo/3/

答案 1 :(得分:3)

ng-model需要您要选择的选项的ID。因此,您需要使用this.myOption = this.myOptions[0].id;代替this.myOption = this.myOptions[0]