Exemple
Afficher uniquement les trois premiers éléments d'un tableau:
<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>
Essayez - le vous - même » Définition et utilisation
Le limitTo filtre retourne un tableau ou une chaîne contenant un nombre spécifié d'éléments.
Lorsque le limitTo filtre est utilisé pour les tableaux, elle retourne un tableau contenant uniquement le nombre spécifié d'éléments.
Lorsque le limitTo filtre est utilisé pour les chaînes, il renvoie une chaîne contenant, seul le nombre de caractères spécifié.
Lorsque le limitTo filtre est utilisée pour les nombres, il renvoie une chaîne contenant seulement le nombre de chiffres spécifié.
Utiliser des nombres négatifs pour retourner des éléments à partir de l'extrémité de l'élément, au lieu du début.
Syntaxe
{{ object | limitTo :
limit :
begin }}Paramètre valeurs
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Autres exemples
Exemple
Afficher les trois derniers éléments du tableau:
<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>
Essayez - le vous - même » Exemple
Afficher trois articles, en commençant à la position 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>
Essayez - le vous - même » Exemple
Afficher les trois premiers caractères de la chaîne:
<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>
Essayez - le vous - même » Exemple
Afficher les trois premiers chiffres og le nombre:
<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>
Essayez - le vous - même » Pages associées
Tutoriel AngularJS: Filtres angulaires