Сгенерируйте пару ключ-значение, используя ng-options

0

У меня есть данные, как показано ниже

"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, но я не могу получить желаемый результат.

  • 0
    docs.angularjs.org/api/ng/directive/select
  • 0
    <select name="mySelect" id="mySelect" ng-options="option.name for option in data.availableOptions track by option.id" ...
Теги:
ng-options

1 ответ

1
Лучший ответ

Смотрите скрипку:

<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"] так, чтобы заранее выбрать опцию по умолчанию.

  • 0
    Мне нужно использовать трек по выбору. Идентификатор в этом случае ?? или это позаботится?
  • 0
    Нет, не используйте track by здесь. Узнайте больше о ngOptions . Подумайте о закрытии вопроса, если он решен.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню