Örnek
Bir dizinin sadece ilk üç öğe görüntüleme:
<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>
Kendin dene " Tanımı ve Kullanımı
limitTo filtre bir dizi ya da elemanları, sadece belirli bir sayıda içeren bir dizge döndürür.
Tüm limitTo filtre dizileri için kullanılır, bu öğelerin yalnızca belirtilen sayıda içeren bir dizi döner.
Ne zaman limitTo filtre dizeleri için kullanılır, bu içeren bir dize, karakter yalnızca belirtilen sayısını döndürür.
Tüm limitTo filtre numaraları için kullanılır, bu basamak sadece belirtilen sayısını içeren bir dizi döner.
yerine başında, elemanın ucundan başlayarak elemanlarını döndürmek için negatif sayılar kullanın.
Sözdizimi
{{ object | limitTo :
limit :
begin }}Parametre Değerleri
| değer | Açıklama |
|---|---|
| limit | dönmek için kaç unsurları belirten bir sayı, |
| begin | İsteğe bağlı. sınırlama başlamak için belirten bir sayı. Varsayılan 0'dır |
Diğer Örnekler
Örnek
Dizinin son üç öğe görüntüleme:
<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>
Kendin dene " Örnek
1 konumundaki başlayarak üç öğe görüntüleme:
<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>
Kendin dene " Örnek
dizesinin ilk üç karakteri Display:
<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>
Kendin dene " Örnek
numara og ilk üç rakamını gösterir:
<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>
Kendin dene " İlgili Sayfalar
Angularjs Eğitimi: Açısal Filtreler