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