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>
自己尝试 »
定义和用法
The ng-options 指令使用 <options> 填充 <select> 元素。
The ng-options 指令使用数组来填充下拉列表。在许多情况下，使用 ng-repeat 指令会更容易，但在使用 ng-options 指令时，您可以获得更大的灵活性。
语法
<select ng-options="数组表达式"></select>
受 <select> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| 数组表达式 | 一个表达式，用于选择数组的指定部分来填充选择元素。 合法表达式 标签 for 值 in 数组 选择 as 标签 for 值 in 数组 标签 group by 分组 for 值 in 数组 标签 disable when 禁用 for 值 in 数组 标签 group by 分组 for 值 in 数组 track by 表达式 标签 disable when 禁用 for 值 in 数组 track by 表达式 标签 for 值 in 数组 | orderBy 表达式 track by 表达式 |
