ng-optionsتوجيه AngularJS
مثال
خيارات التعبئة في قائمة منسدلة باستخدام عناصر المصفوفة:
<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>
التعريف والاستخدام
يملأ التوجيه عنصر ng-options<select> بـ <options>.
يستخدم ng-optionsالتوجيه مصفوفة لتعبئة القائمة المنسدلة. في كثير من الحالات ، سيكون من الأسهل استخدام ng-repeat
التوجيه ، ولكن لديك المزيد من المرونة عند استخدام ng-options
التوجيه.
بناء الجملة
<select ng-options="array expression"></select>
بدعم من عنصر <select>.
قيمه المعامل
| Value | Description |
|---|---|
| array expression | An expression that selects the specified parts of an array to fill the
select element. Legal expressions: 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 |