угловая выпадающая выбранная ng-модель не привязана

Question

У меня возникла проблема с выбором выпадающих списков, которые не работают правильно с angularjs. Не удалось найти что-либо, что связано с моей проблемой. Кажется странным.

Я новичок в angularjs поэтому, пожалуйста, простите мое невежество

Я в настоящее время пытается модифицировать angularjs на мой MVC5 применения.

Вот проблемы;

1. Когда $scope.selected = $scope.options[0] объявлен он назначен, но если список выбора не распознает объект в модели и создает новый вариант

2. После того, как вы измените выбранный параметр в раскрывающемся списке выбран объект в области видимости теперь пуст?

Here является кодом

Answer 1

Выражение понимания неверно. Похоже, что вы хотите, чтобы весь вариант, как выбранное значение, поэтому используйте это:

ng-options="o.text for o in options" 

Answer 2

Вы должны изменить ваш

<select ng-model="selected" ng-options="o.code as o.text for o in options"></select> 

в

<select ng-model="selected" ng-options="o as o.text for o in options"></select> 

, чтобы заставить его работать, как вы ожидали.

потому что в документации указано select as label for (key , value) in object, но в вашем случае выбор равен кодовому свойству объекта, а не самому объекту.

Answer 3

<div> 
    <select ng-model="selected" ng-options="o.code as o.text for o in options"></select> 
    <br />Code: {{ selected.code }} 
    <br />Text: {{ selected.text }} 
</div> 

Ваша ng-модель будет содержать значение select (в данном случае индекс [0,1,2 и т. Д.]). Таким образом, вы пытаетесь сделать что-то вроде «1.code» или «2.text».