limitTo
مرشح AngularJS
مثال
اعرض العناصر الثلاثة الأولى فقط من المصفوفة:
<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: مرشحات Angular