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>

ທຳການທີ່ຕ້ອງທີ່ຈະທຳການ

ວິທິວິນາວ

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

ທີ່ <select> ສະຖານທີ່ສະໜັບສະໜູນ

ປະເພດ

ປະເພດ ການອະທິບາຍ
array expression

ຄຳສັ່ງ ທີ່ທາງເລືອກອອກສ່ວນຂອງຈຸລັງເພື່ອຂຽນເຂົ້າໃນເຄື່ອງໝາຍ select.

ຄຳສັ່ງທີ່ຖືກກວດກາ:

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