دستورالعمل 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