مثال
عرض فقط البنود الثلاثة الأولى من صفيف:
<div ng-app="myApp" ng-controller="sizeCtrl">
<ul>
<li ng-repeat="x
in cars | limitTo : 3">{{x}}</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('sizeCtrl',
function($scope) {
$scope.cars = ["Audi", "BMW",
"Dodge", "Fiat", "Ford", "Volvo"];
});
</script>
انها محاولة لنفسك » تعريف واستخدام
و limitTo مرشح بإرجاع صفيف أو سلسلة تحتوي فقط على عدد محدد من العناصر.
عندما limitTo يستخدم فلتر للأشعة، فإنها ترجع صفيف يحتوي فقط على عدد محدد من العناصر.
عندما limitTo يستخدم مرشح للجمل، تقوم بإرجاع سلسلة تحتوي فقط على عدد محدد من الأحرف.
عندما limitTo يستخدم مرشح للأرقام، تقوم بإرجاع سلسلة تحتوي فقط على عدد محدد من الأرقام.
استخدام الأرقام السالبة للعودة العناصر بدءا من نهاية عنصر، بدلا من البداية.
بناء الجملة
{{ object | limitTo :
limit :
begin }}قيم معلمة
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
المزيد من الأمثلة
مثال
عرض البنود الثلاثة الأخيرة من مجموعة:
<div ng-app="myApp" ng-controller="sizeCtrl">
<ul>
<li ng-repeat="x
in cars | limitTo : -3">{{x}}</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('sizeCtrl',
function($scope) {
$scope.cars = ["Audi", "BMW",
"Dodge", "Fiat", "Ford", "Volvo"];
});
</script>
انها محاولة لنفسك » مثال
عرض ثلاثة بنود، بدءا من الموضع 1:
<div ng-app="myApp" ng-controller="sizeCtrl">
<ul>
<li ng-repeat="x
in cars | limitTo : 3 : 1">{{x}}</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('sizeCtrl',
function($scope) {
$scope.cars = ["Audi", "BMW",
"Dodge", "Fiat", "Ford", "Volvo"];
});
</script>
انها محاولة لنفسك » مثال
عرض الأحرف الثلاثة الأولى من السلسلة:
<div ng-app="myApp" ng-controller="sizeCtrl">
<h1>{{txt | limitTo :
3}}</h1>
</div>
<script>
var app = angular.module('myApp',
[]);
app.controller('sizeCtrl', function($scope) {
$scope.txt = "Hello, welcome to AngularJS";
});
</script>
انها محاولة لنفسك » مثال
عرض الأرقام الثلاثة الأولى عوج عدد:
<div ng-app="myApp" ng-controller="sizeCtrl">
<h1>{{phone | limitTo :
3}}</h1>
</div>
<script>
var app = angular.module('myApp',
[]);
app.controller('sizeCtrl', function($scope) {
$scope.phone =
"123456789";
});
</script>
انها محاولة لنفسك » صفحات ذات صلة
AngularJS البرنامج التعليمي: مرشحات الزاوي