فیلتر limitTo AngularJS

تعریف و استفاده

limitTo فیلتر بازگشت آرایه یا رشته‌ای شامل تعداد مشخصی از عناصر را بازمی‌گرداند.

وقتی limitTo وقتی فیلتر برای آرایه‌ها استفاده می‌شود، یک آرایه شامل تعداد مشخصی از عناصر را بازمی‌گرداند.

وقتی limitTo وقتی فیلتر برای رشته‌ها استفاده می‌شود، یک رشته شامل تعداد مشخصی از کاراکترها را بازمی‌گرداند.

وقتی limitTo وقتی فیلتر برای اعداد استفاده می‌شود، یک رشته شامل تعداد مشخصی از دفعات استفاده می‌شود.

از استفاده از اعداد منفی برای بازگشت عناصر از انتهای عناصر به جای شروع استفاده می‌شود.

صفحات مرتبط

آموزش AngularJS:فیلترهای Angular

مثال

مثال 1

تنها سه عنصر اول آرایه را نمایش می‌دهد:

نمایش سه عدد اولین عدد:
<ul>
<li ng-repeat="x in cars | limitTo : 3">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

مثال 2

سه عنصر آخرین آرایه را نمایش می‌دهد:

نمایش سه عدد اولین عدد:
<ul>
<li ng-repeat="x in cars | limitTo : -3">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

مثال 3

از موقعیت 1 شروع به نمایش سه عنصر می‌کنیم:

نمایش سه عدد اولین عدد:
<ul>
<li ng-repeat="x in cars | limitTo : 3 : 1">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

مثال 4

نمایش سه حرف اول رشته:

نمایش سه عدد اولین عدد:
<h1>{{txt | limitTo : 3}}</h1>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.txt = "Hello, welcome to AngularJS";
$scope.phone = "123456789";
);

</script>

例子 5

مثال 5

نمایش سه عدد اولین عدد:
<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>

تست کنید

نحوه استفاده {{ عنصر توضیح | limitTo : عدد، مشخص می‌کند که تعداد عناصر مورد نظر را بازگرداند. :

}}