limitTo
Misol
Massivning faqat dastlabki uchta elementini ko‘rsating:
<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>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
limitTo filtri faqat belgilangan miqdordagi elementlardan iborat massiv yoki stringni qaytaradi.
limitTo filtri massivlar uchun ishlatilganda, faqat belgilangan miqdordagi elementlardan iborat massivni qaytaradi.
limitTo filtri stringlar uchun ishlatilganda, faqat belgilangan miqdordagi belgilardan iborat stringni qaytaradi.
limitTo filtri sonlar uchun ishlatilganda, faqat belgilangan miqdordagi raqamlardan iborat stringni qaytaradi.
Elementlarni boshidan emas, oxiridan boshlab qaytarish uchun manfiy sonlardan foydalaning.
Sintaksis
{{ object | limitTo : limit : begin }}
Parametr qiymatlari
| Qiymat | Tavsif |
|---|---|
| limit | Nechta element qaytarilishini belgilovchi son |
| begin | Ixtiyoriy. Cheklash qayerdan boshlanishini belgilovchi son. Standart qiymat: 0 |
Ko‘proq misollar
Misol
Massivning oxirgi uchta elementini ko‘rsating:
<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>
O‘zingiz sinab ko‘ring »
Misol
1-pozitsiyadan boshlab uchta elementni ko‘rsating:
<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>
O‘zingiz sinab ko‘ring »
Misol
Stringning dastlabki uchta belgisini ko‘rsating:
<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>
O‘zingiz sinab ko‘ring »
Misol
Sonning dastlabki uchta raqamini ko‘rsating:
<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>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
AngularJS darsligi: Angular filtrlari
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!