Exemplu
Afișează doar primele trei elemente ale unei matrice:
<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>
Încearcă - l singur » Definiție și utilizare
limitTo Filtrul returnează o matrice sau un șir de caractere care conține doar un număr specificat de elemente.
Când limitTo este utilizat filtrul pentru matrice, returnează o matrice care conține doar numărul specificat de elemente.
Când limitTo este utilizat filtrul pentru siruri de caractere, returnează un șir ce conține, doar numărul specificat de caractere.
Când limitTo este utilizat filtrul pentru numere, acesta returnează un șir ce conține doar numărul specificat de cifre.
Utilizați numere negative pentru a reveni elemente începând de la capătul elementului, în loc de început.
Sintaxă
{{ object | limitTo :
limit :
begin }}Valorile parametrilor
| Valoare | Descriere |
|---|---|
| limit | Un număr, specificând cât de multe elemente pentru a reveni |
| begin | Opțional. Un număr care specifică în cazul în care pentru a începe limitarea. Implicit este 0 |
Mai multe exemple
Exemplu
Afișează ultimele trei elemente ale șirului:
<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>
Încearcă - l singur » Exemplu
Afișează trei elemente, începând de la poziția 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>
Încearcă - l singur » Exemplu
Afișează primele trei caractere ale șirului:
<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>
Încearcă - l singur » Exemplu
Afișează primele trei cifre og numărul:
<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>
Încearcă - l singur » Pagini similare
AngularJS Tutorial: Filtre unghiulare