angularjs - ng-init 用于 angularJs 中的选择标签

Question

我试图从对象文明列表中进行下拉。但我不知道如何选择具有复杂对象的第一项。我已经用简单的对象做到了，但我不明白为什么它不适用于我的新下拉列表。

这是我的选择标签：

<select class="input-xlarg" id="listCivilities" ng-options="civility.Label for civility in civilities track by civility.CivilityID" ng-model="customer.Civility" ng-init="customer.Civility" required=""></select>

我的列表加载了控制器 asp.net MVC 的返回。

这是我的模型：

public int CivilityID { get; set; }
public string Label { get; set; }
public string Abbreviation { get; set; }
public int Order { get; set; }
public int CompanyID { get; set; }

所以，就像我说的那样，我的下拉列表加载并显示正常，但我没有成功选择我感兴趣的项目。

如果有人可以帮助我理解为什么它不起作用。谢谢。

Answer 1

使用ng-modelas customer.CivilityID在选择时绑定 CivilityID。

和

civility.Label for civility.CivilityID in civilities在ng-options

使用这个选定的标签：

<select class="input-xlarg" id="listCivilities" ng-model="customer.CivilityID" ng-options="civility.Label for civility.CivilityID in civilities track by civility.CivilityID" required=""></select>

在控制器中：

$scope.customer = {CivilityID : 1};

更新：这里正在工作Plunker