ng-init для выбранного тега в angularJs

Question

Я попытался создать выпадающий список из списка объектов. Но я не знаю, как выбрать первый элемент с объектом complexe. Я уже делаю это с простым объектом, и я не понимаю, почему он не работает с моим новым раскрывающимся списком.

Это мой выбор тег:

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