فیلتر limitTo AngularJS

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

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

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

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

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

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

صفحات مرتبط

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

مثال

مثال 1

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

<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>

آزمایش کنید

مثال 2

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

<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>

آزمایش کنید

مثال 3

از موقعیت 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>

آزمایش کنید

مثال 4

显示字符串的前三个字符：

<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>

آزمایش کنید

مثال 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 : محدودیت : شروع }}

پارامترها