在angularJs中選擇標記的ng-init

我試圖從對象文明列表中進行下拉。但我不知道如何選擇複雜對象的第一個項目。我已經用簡單的對象做了它，我不明白爲什麼它不適用於我的新下拉列表。在angularJs中選擇標記的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; }

所以，就像我說的，我的下拉列表加載和顯示效果細膩，但我沒有成功，選擇誰我感興趣的項目。

如果有人能幫我理解爲什麼它不起作用。謝謝。

來源

2015-09-09 JonathanTheBrosh

使用'ng-model'顯示選定的值。 –

角度示例http://plnkr.co/edit/5y1JAvDoYwO52xfrRJtv?p=preview –

請檢查更新，我在回答中添加了工作plunker。 –

使用ng-model作爲customer.CivilityID在選擇時結合CivilityID。

和

在ng-options

使用civility.Label for civility.CivilityID in civilities這個選定的標籤：

<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

來源

2015-09-09 10:24:18

我試過了，但它不起作用，我的下拉列表不會加載您的標記。而且，$ scope.customer是一個具有多個屬性的對象。 – JonathanTheBrosh

讓我爲你創造沉睡。 –

它的工作原理。謝謝 – JonathanTheBrosh

在angularJs中選擇標記的ng-init

回答

相關問題