нг-варианты с AngularJS

Question

У меня есть массив объектов, например:

[Object {ID = "121", NAME = "Planes"}, Object {ID = "212", имя =» Автобусы "}, {Object ID =" 210" , NAME = "Автомобили"}, ....]

Я хочу, чтобы это появится в отборное, такие как:

<select....> 
<option value="121"...>Planes</option> 
<option value="212"...>Buses</option> 
<option value="210"...>Cars</option> 
</select> 

Но если Я использую следующий код:

<select.... ng-options="category.id as category.name for category in categories" ..... 

я получаю следующие (значения неверны):

<select....> 
<option value="1"...>Planes</option> 
<option value="2"...>Buses</option> 
<option value="3"...>Cars</option> 
</select> 

Как я могу решить эту проблему?

Благодаря

Answer 1

Угловые используют числовые значения для значений опций в выбираешь, но вы можете следить за ваше выберите значение, используя нг-модель.

Вы можете попробовать (в зависимости от Угловой версии) с помощью track by, чтобы получить нужное значение. track by category.id в вашем случае, возможно.

Проверьте также this question/answer.

EDIT: this вопрос практически такой же. Кто-то отправил скрипку для вас ниже, так что я не буду делать это сейчас ..

Answer 2

Используйте след опция внутри нг-опций директивы

<select ng-options="category as category.name for category in categories track by category.id" ng-model="category"></select> 

Я сделал fiddle для вас

Answer 3

Значения в отображаемом <select> могут быть неправильными, но это не имеет значения, поскольку значение ng-модели будет идентификатором выбранной категории.

https://jsfiddle.net/prappjt3/2/