Угловой JS не повторил вариантов

0

Я пытаюсь заполнить данные из базы данных на веб-страницу. Однако я не могу сделать эту работу:

<div ng-controller="AnalyzerController">
    <select id="Listbox" ng-model="Listofoptions" style="width: 500px">                  
    <option ng-repeat="option in options" value="{{option}}"> {{option}} </option>
    </select></td></div>

Здесь javascript для контроллера

        <script>
        var analyzer=angular.module('analyzer',[]);
        analyzer.controller('AnalyzerController',function($scope )
        {
            $scope.options = ["A","B","C","D","E"];

        }

        </script>

В поле выбора отображается {{options}} а не значения.

  • 0
    что не работает? Вы не видите список вариантов?
  • 0
    Почему бы не использовать ng-options ?
Теги:
model-view-controller

1 ответ

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

Вы пропустили закрывающую скобку для функции контроллера, поэтому вы не видите значения.

AFAIK Предпочиталось использовать ng-options вместе с ng-model, см. Раздел Выбор между ngRepeat и ngOptions, чтобы узнать преимущества

var analyzer=angular.module('analyzer',[]);
        
analyzer.controller('AnalyzerController', function($scope)
{
	$scope.options = ["A","B","C","D","E"];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="analyzer">
  <div ng-controller="AnalyzerController">
      <select id="Listbox" ng-model="Listofoptions" style="width: 500px">                  
        <option ng-repeat="option in options" value="{{option}}"> {{option}} </option>
      </select>
  </div>
</div>
  • 0
    Благодарю. Noob меня!
  • 0
    @ SamWilson Не забудьте пометить ответ Абдула как правильный.

Ещё вопросы

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