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"; });
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"; });
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"; });
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"; });
例子 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"; });
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 |