ng-optionsArahan AngularJS


Contoh

Isi opsi dalam daftar dropdown dengan menggunakan item array:

<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>

Definisi dan Penggunaan

Arahan ng-optionsmengisi elemen <select> dengan <options>.

Arahan ng-optionsmenggunakan array untuk mengisi daftar dropdown. Dalam banyak kasus akan lebih mudah untuk menggunakan ng-repeat direktif, tetapi Anda memiliki lebih banyak fleksibilitas saat menggunakan ng-options direktif.


Sintaksis

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

Didukung oleh elemen <select>.


Nilai Parameter

Value Description
array expression An expression that selects the specified parts of an array to fill the select element.

Legal expressions:

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