我正在尝试将数据库中的数据填充到网页中。但是,我似乎无法使这项工作:

<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}}而不是值。

最佳答案

您错过了控制器功能的右括号,这就是为什么看不到该值的原因。

AFAIK首选将ng-options与ng-model一起使用,请参阅Choosing between ngRepeat and 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>

关于javascript - Angular JS ng-repeat不显示选项,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38563322/

10-12 12:38
查看更多