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>

Prova tu stesso

Sintassi

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

sotto <select> Supporto degli elementi.

Parametro

Parametro Descrizione
array espressione

Espressione che seleziona una parte specifica dell'array per riempire l'elemento select.

Espressioni legali:

etichetta per valore in array

seleziona come etichetta per valore in array

etichetta gruppo per gruppo per valore in array

etichetta disabilita quando disabilita per valore in array

etichetta gruppo per gruppo per valore in array traccia per espressione

etichetta disabilita quando disabilita per valore in array traccia per espressione

etichetta per valore in array | ordinare per espressione traccia per espressione