У меня есть данные, как показано ниже
"data":
[
{
"Id":"1",
"Name":"first"
},
{
"Id":"2",
"Name":"second"
},
{
"Id":"3",
"Name":"third"
}
]
Я хочу создать список, например
<select>
<option value="1">First</option>
<option value="2">Second</option>
<option value="3">Third</option>
</select>
Я использовал ng-options, но я не могу получить желаемый результат.
Смотрите скрипку:
<select name="mySelect" ng-model="selectedOption" ng-options="option.Id as option.Name for option in options">
<option value="">Choose option</option>
</select>
Если вам нужно, вы также можете удалить по умолчанию Выберите опцию опцию и установите selectedOption
до значения в ["1", "2", "3"]
так, чтобы заранее выбрать опцию по умолчанию.
track by
здесь. Узнайте больше о ngOptions . Подумайте о закрытии вопроса, если он решен.
<select name="mySelect" id="mySelect" ng-options="option.name for option in data.availableOptions track by option.id" ...