【问题标题】:AngularJS ng-options default selected option [duplicate]AngularJS ng-options默认选择选项[重复]
【发布时间】:2014-07-26 14:00:34
【问题描述】:

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

我已经在控制器中设置了这个(使用控制器作为语法):

this.myOption = this.myOptions[0];

但是,这仍然返回一个空白的默认选项:

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

如何将默认选项设置为模型中的第一个值(“项目 1”)?

Here's a JSBin demo.

【问题讨论】:

  • @SergiuParaschiv 他正在使用ng-model

标签: javascript angularjs ng-options angular-ngmodel


【解决方案1】:

任一变化:

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/

【讨论】:

  • 完美,谢谢 Yoshi。
【解决方案2】:

ng-model 需要您要选择的选项的 id。因此您需要使用this.myOption = this.myOptions[0].id; 而不是this.myOption = this.myOptions[0]

【讨论】:

    猜你喜欢
    • 2014-07-04
    • 1970-01-01
    • 2016-12-11
    • 1970-01-01
    • 2016-01-10
    • 2016-09-12
    • 2015-11-04
    • 2019-01-08
    • 2016-11-25
    相关资源
    最近更新 更多