limitToFiltre AngularJS
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>
Définition et utilisation
Le limitTofiltre renvoie un tableau ou une chaîne contenant uniquement un nombre spécifié d'éléments.
Lorsque le limitTofiltre est utilisé pour des tableaux, il renvoie un tableau contenant uniquement le nombre d'éléments spécifié.
Lorsque le limitTofiltre est utilisé pour des chaînes, il renvoie une chaîne contenant uniquement le nombre de caractères spécifié.
Lorsque le limitTofiltre est utilisé pour des nombres, il renvoie une chaîne contenant uniquement le nombre de chiffres spécifié.
Utilisez des nombres négatifs pour renvoyer des éléments à partir de la fin de l'élément, au lieu du début.
Syntaxe
{{ object | limitTo :
limit :
begin }}
Valeurs des paramètres
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Plus d'exemples
Exemple
Affichez 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>
Exemple
Affichez trois éléments, 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>
Exemple
Affichez 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>
Exemple
Affichez les trois premiers chiffres du numéro :
<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>
Pages connexes
Tutoriel AngularJS : Filtres angulaires