2016-07-25 5 views
0

Я пытаюсь заполнить данные из базы данных на веб-страницу. Тем не менее, я не могу показаться, чтобы сделать эту работу:Угловой JS ng-repeat не показывает параметры

<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

что не работает? Вы не видите список вариантов? – Filype

+0

Почему бы не использовать 'ng-options'? – Roope

ответ

2

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

AFAIK Это предпочитаемое использовать нг-варианты вместе с нг-модели, пожалуйста, см Choosing between ngRepeat and ngOptions знать преимущества

var analyzer=angular.module('analyzer',[]); 
 
     
 
analyzer.controller('AnalyzerController', function($scope) 
 
{ 
 
\t $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

спасибо. Нооб мне! –

+0

@SamWilson Не забудьте отметить ответ Абдула как правильный. – kefir500

Смежные вопросы