أحدث البرامج التعليمية وتطوير الشبكة
 

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 التوجيه يملأ <حدد> العنصر مع <خيارات>.

و ng-options يستخدم التوجيه صفيف لملء القائمة المنسدلة. في كثير من الحالات، سيكون من الأسهل استخدام ng-repeat التوجيه، ولكن لديك المزيد من المرونة عند استخدام ng-options التوجيه.


بناء الجملة

<select ng-options=" array expression "></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
disabled when disable for value in array

label
group by group for value in array track by expression

label
disabled when disable for value in array track by expression

label
for value in array | orderBy expression track by expression