AngularJS ng-options 指令
实例
使用数组中的项填充下拉列表中的选项:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body><div ng-app="myApp" ng-controller="myCtrl"><select ng-model="selectedName" ng-options="item for item in names"></select></div><script>var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {$scope.names = ["Emil", "Tobias", "Linus"];});</script><p>本例显示了如何使用 ng-options 指令填写下拉列表。</p></body></html>
定义与用法
ng-options 指令用 <options> 填充 <select> 元素。
ng-options 指令使用数组填充下拉列表。在许多情况下，使用 ng-repeat 指令会更容易，但使用 ng-options 指令时有更大的灵活性。
语法
<select ng-options="array expression"></select>
由 <select> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| array expression | 一种表达式，用于选择数组的指定部分以填充 select 元素 有效表达式: label for value in array select as label for value in array label group by group for value in array label disable when disable for value in array label group by group for value in array track by expression label disable when disable for value in array track by expression label for value in array | orderBy expression track by expression |