angularJs 中 select 标签的 ng-init

Question

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

这是我的 select 标签：

<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>

我的列表加载了 return 控制器 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; }

所以，正如我所说，我的下拉列表加载和显示正常，但我没有成功 select 我感兴趣的项目。

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

Answer 1

使用 ng-model 作为 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

angularJs 中 select 标签的 ng-init

ng-init for select tag in angularJs

select

angularjs

ng-init