2016-07-25 3 views
0

데이터베이스의 데이터를 웹 페이지에 채우려고합니다. 그러나, 나는이 일을 할 수없는 것 :Angular 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> 

여기가 {{options}} 아닌 값을 보여주는 선택 상자에서 컨트롤러

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

     } 

     </script> 

을위한 자바 스크립트입니다.

+0

을 알고 Choosing between ngRepeat and ngOptions를 참조하십시오? 옵션 목록이 보이지 않습니까? – Filype

+0

'ng-options'를 쓰지 않는 이유는 무엇입니까? – Roope

답변

2

컨트롤러 기능에 대한 닫는 괄호가 누락되었으므로 값이 표시되지 않습니다. NG 모델과 함께 NG-옵션을 사용하여 선호하는 것 AFAIK

, 혜택 작동하지 않는 것을

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

감사합니다. Noob me! –

+0

@SamWilson Abdul의 대답을 올바른 것으로 표시하는 것을 잊지 마십시오. – kefir500

관련 문제