tutorial pengembangan web terbaru
 

AngularJS ng-opsi Directive


Contoh

Isi pilihan dalam daftar dropdown dengan menggunakan item dari sebuah 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>
Cobalah sendiri "

Definisi dan Penggunaan

The ng-options direktif mengisi <pilih> elemen dengan <options>.

The ng-options direktif menggunakan sebuah array untuk mengisi daftar dropdown. Dalam banyak kasus akan lebih mudah untuk menggunakan ng-repeat direktif, tetapi Anda memiliki lebih banyak fleksibilitas ketika menggunakan ng-options direktif.


Sintaksis

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

Didukung oleh <pilih> elemen.


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
disabled when disable for value in array

label
group by group for value in array track by expression

label
disabled when disable for value in array track by expression

label
for value in array | orderBy expression track by expression