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 |
