Instruksi ng-options AngularJS

Definisi dan penggunaan

ng-options dengan <options> mengisi lt;select> elemen.

ng-options dengan penggunaan direktif ng-repeat untuk mengisi daftar pilihan dengan array. Dalam banyak kasus, penggunaan ng-repeat dengan penggunaan direktif, akan lebih mudah, tetapi dengan ng-options dengan penggunaan direktif, Anda memiliki fleksibilitas yang lebih besar.

Contoh

Mengisi opsi dalam daftar pilihan dengan menggunakan item di dalam 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>

Coba sendiri

Sintaks

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

Ditempatkan <select> Dukungan elemen.

Parameter

Parameter Deskripsi
array ekspresi

Ekspresi yang memilih bagian spesifik dari array untuk mengisi elemen select.

Ekspresi yang sah:

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 ekspresi

label disable when disable for value in array track by ekspresi

label for value in array | orderBy ekspresi track by ekspresi