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