تعليمات AngularJS ng-options

التعريف والاستخدام

ng-options تعليمات <options> تعبئة lt;select> عناصر.

ng-options تعليمات ng-repeat تستخدم المجموعات لتعبئة القوائم المنسدلة. في العديد من الحالات، يمكن 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