Filtre limitTo AngularJS

Définition et utilisation

limitTo Le filtre retourne un tableau ou une chaîne qui contient uniquement un nombre spécifié d'éléments.

Lorsque limitTo Lorsque le filtre est utilisé pour des tableaux, il retourne un tableau qui ne contient que le nombre d'éléments spécifié.

Lorsque limitTo Lorsque le filtre est utilisé pour des chaînes, il retourne une chaîne qui ne contient que le nombre de caractères spécifié.

Lorsque limitTo Lorsque le filtre est utilisé pour des nombres, il retourne une chaîne qui ne contient que le nombre de chiffres spécifié.

En utilisant un nombre négatif, il retourne les éléments à partir de la fin de l'élément, plutôt que de commencer par le début.

Pages associées

Tutoriel AngularJS :Filtres Angular

Exemple

Exemple 1

Afficher uniquement les trois premiers éléments de l'array :

Afficher les trois premiers chiffres du numéro :
<ul>
<li ng-repeat="x in cars | limitTo : 3">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
});

</script>

Exemple 2

Afficher les trois derniers éléments de l'array :

Afficher les trois premiers chiffres du numéro :
<ul>
<li ng-repeat="x in cars | limitTo : -3">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
});

</script>

Exemple 3

Afficher trois éléments à partir de la position 1 :

Afficher les trois premiers chiffres du numéro :
<ul>
<li ng-repeat="x in cars | limitTo : 3 : 1">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
});

</script>

Exemple 4

Afficher les trois premiers caractères de la chaîne :

Afficher les trois premiers chiffres du numéro :
<h1>{{txt | limitTo : 3}}</h1>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.txt = "Bonjour, bienvenue dans AngularJS";
$scope.phone = "123456789";
});

</script>

例子 5

Exemple 5

Afficher 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>

Essayez-le vous-même

Syntaxe {{ object Description | limitTo : Numérique, spécifiez le nombre d'éléments à renvoyer. :

}}

}} Paramètres
Description limit
Numérique, spécifiez le nombre d'éléments à renvoyer. begin