javascript - AngularJS - html选择的数据绑定默认值

Question

我想“数据绑定”html/jade 选择的默认值。这是我的选择：

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

这里的问题是，如果我不触摸选择，我的 newClient.title 将被设置为未定义而不是第一个标题值。如果不在控制器中设置默认值，我该如何做到这一点？

Answer 1

您想使用 ng-options 来定义选项，然后简单地为第一个元素指定 ng-model。您不必担心 ng-init。

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

作为参考，这里有一些非常好的文档。

Answer 2

您可以使用ng-init指令。

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

在这里提琴

翡翠格式：

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