AngularJS ng-options
指令
示例
使用数组中的项填充下拉列表中的选项
<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>
自己动手试一试 »
定义和用法
ng-options
指令用 <options> 填充 <select> 元素。
ng-options
指令使用一个数组来填充下拉列表。在许多情况下,使用 ng-repeat
指令会更容易,但使用 ng-options
指令您将获得更大的灵活性。
语法
<select ng-options="数组表达式"></select>
由 <select> 元素支持。
参数值
值 | 描述 |
---|---|
数组表达式 | 一个表达式,用于选择数组的指定部分以填充 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 |