Angular js ng-option не работает для тега select

Я пытаюсь заставить параметр ng использовать массив в формате JSON, но не уверен, почему он не отображает строки параметров выбора. Например:

index.js:

$scope.seloptions= [{ key: k1, name: n1 },{ key: k2, name: n2 }];

index.html:

<select name = "set_aside" ng-model = "set_aside" ng-options = "option.key for option in seloptions track by name"></select>

Понятия не имею, что делаю не так. Тег select не заполняется.

РЕДАКТИРОВАТЬ Также предположим, что есть необходимая настройка для кода angular, и оба файла находятся в одном каталоге.

в первую очередь должны быть определены ваши значения k1, n1, k2, n2

— 17.08.2018 21:13

javascript angularjs drop-down-menu angular2-directives

17.08.2018 21:04

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Проблема в том, что вы отслеживаете по имени, которое не определено. строка обновления:

ng-options = "option.key for option in seloptions track by name"

ng-options = "option.key for option in seloptions track by option.name"

Рабочий пример:

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
 $scope.seloptions= [{ key: "key1", name: "n1" },{ key:" key2", name: "n2" }];
});

<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app = "plunker">
  <div ng-controller = "MainCtrl">
    <select name = "set_aside" ng-model = "set_aside" ng-options = "option.key for option in seloptions track by option.name">
        <option value = "">Select One</option>
    </select>
  </div>
</body>

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

— 17.08.2018 21:21

17.08.2018 21:13