angularJs

时间:2015-09-09 10:20:08

标签: angularjs select ng-init

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

这是我的选择标记:

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

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

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

1 个答案:

答案 0 :(得分: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