我正在尝试将数据库中的数据填充到网页中。但是,我似乎无法使这项工作:
<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/