AngularJS ng-options 指令
定义和用法
ng-options
指令用 <options>
填充 lt;select>
元素。
ng-options
指令使用数组来填充下拉列表。在许多情况下,使用 ng-repeat
指令会更容易,但使用 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>
语法
<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 |