AngularJS limitToFiltresi
Örnek
Bir dizinin yalnızca ilk üç öğesini görüntüleyin:
<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>
Tanım ve Kullanım
Filtre limitTo, yalnızca belirtilen sayıda öğe içeren bir dizi veya dize döndürür.
Filtre diziler için limitTokullanıldığında, yalnızca belirtilen sayıda öğeyi içeren bir dizi döndürür.
Filtre dizeler için limitTokullanıldığında, yalnızca belirtilen sayıda karakter içeren bir dize döndürür.
Filtre sayılar için limitTokullanıldığında, yalnızca belirtilen sayıda basamak içeren bir dize döndürür.
Öğenin başından değil sonundan başlayarak öğeleri döndürmek için negatif sayılar kullanın.
Sözdizimi
{{ object | limitTo :
limit :
begin }}
Parametre Değerleri
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Daha fazla örnek
Örnek
Dizinin son üç öğesini görüntüleyin :
<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>
Örnek
Konum 1'den başlayarak üç öğeyi görüntüleyin:
<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>
Örnek
Dizenin ilk üç karakterini görüntüleyin:
<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>
Örnek
Numaranın ilk üç hanesini görüntüleyin:
<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>
İlgili Sayfalar
AngularJS Eğitimi: Açısal Filtreler