دستورالعمل ng-options AngularJS
تعریف و استفاده
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 |