AngularJS limitTo Filtresi

Tanım ve Kullanım

limitTo Filtre, belirli sayıda elemandan oluşan bir dizgi veya dizgi döndürür.

İşte limitTo Dizgiler için filtre kullanıldığında, sadece belirli sayıda elemandan oluşan bir dizgi döndürür.

İşte limitTo Dizgiler için filtre kullanıldığında, sadece belirli sayıda karakterden oluşan bir dizgi döndürür.

İşte limitTo Sayılar için filtre kullanıldığında, sadece belirli sayıda haneden oluşan bir dizgi döndürür.

Negatif sayılar kullanıldığında, elemanları baştan değil, sonundan başlayarak döndürür.

İlgili Sayfalar

AngularJS Eğitimi:Angular Filtreleri

Örnek

Örnek 1

Sadece dizginin ilk üç elemanını göster:

Sayısal değerlerin ilk üç hanesini gösterin:
<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>

Örnek 2

Dizginin son üç elemanını göster:

Sayısal değerlerin ilk üç hanesini gösterin:
<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>

Örnek 3

Konum 1'den başlayarak üç elemanı göster:

Sayısal değerlerin ilk üç hanesini gösterin:
<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>

Örnek 4

Dizginin ilk üç karakterini göster:

Sayısal değerlerin ilk üç hanesini gösterin:
<h1>{{txt | limitTo : 3}}</h1>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.txt = "Merhaba, AngularJS'ye hoş geldiniz";
$scope.phone = "123456789";
});

</script>

例子 5

Örnek 5

Sayısal değerlerin ilk üç hanesini gösterin:
<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>

Kişisel olarak deneyin

Dilbilgisi {{ nesne Açıklama | limitTo : Sayısal, döndürülecek element sayısını belirtir. :

}}