Angular JS ng重复不显示选项

Angular JS ng-repeat not showing options

本文关键字：显示 选项 JS ng Angular      更新时间：2023-09-26

我正在尝试将数据库中的数据填充到网页中。然而，我似乎无法做到这一点：

<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 src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"
   type="text/javascript"></script>
<script>
   var analyzer=angular.module('analyzer',[]);
   analyzer.controller('AnalyzerController',function($scope )
   {
    $scope.options = ["A","B","C","D","E"];
   }
</script>

在选择框中，它显示的是{{options}}，而不是值。

您错过了控制器函数的右括号，这就是您看不到值的原因。

AFAIK最好将ng选项与ng模型一起使用，请参阅在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>

相关文章：