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>

Kişisel olarak deneyin

Sözdizimi

<select ng-options="array expression"></select>

tarafından <select> Desteği olan elementler.

Parametreler

Parametreler Açıklama
array expression

Seç elementini doldurmak için dizinin belirli bir kısmını seçen bir ifade.

Geçerli ifadeler:

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