مثال
املأ الخيارات في القائمة المنسدلة باستخدام العناصر من صفيف:
<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 |