AngularJS - html select的数据绑定默认值

时间:2014-05-23 13:06:34

标签: javascript angularjs angular-ngmodel

我想要数据绑定' html / jade选择的默认值。这是我的选择:

select#title.form-control(ng-model='newClient.title')
    option(ng-repeat='title in titles', ng-selected='$first') {{title}}

这里的问题是,如果我没有触摸选择,我的newClient.title将被设置为undefined而不是第一个标题值。如果不在控制器中设置默认值,我怎么能这样做?

2 个答案:

答案 0 :(得分:2)

您希望使用ng-options定义选项,然后只需为第一个元素指定ng-model。您不必担心ng-init。

<select ng-options="title for title in titles" ng-model='titles[0]'></select>

作为参考,有一些非常好的文档here

答案 1 :(得分:0)

您可以使用ng-init指令。

ng-init="newClient.title = titles[0]"

Fiddle Here

以玉石格式:

select#title.form-control(ng-model='newClient.title',ng-init="newClient.title = titles[0]")
    option(ng-repeat='title in titles', ng-value="title") {{title}}