limitTo
Filtro AngularJS
Esempio
Visualizza solo i primi tre elementi di un array:
<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>
Definizione e utilizzo
Il limitTo
filtro restituisce una matrice o una stringa contenente solo un numero specificato di elementi.
Quando il limitTo
filtro viene utilizzato per gli array, restituisce un array contenente solo il numero specificato di elementi.
Quando il limitTo
filtro viene utilizzato per le stringhe, restituisce una stringa contenente solo il numero di caratteri specificato.
Quando il limitTo
filtro viene utilizzato per i numeri, restituisce una stringa contenente solo il numero di cifre specificato.
Usa numeri negativi per restituire elementi a partire dalla fine dell'elemento, anziché dall'inizio.
Sintassi
{{ object | limitTo :
limit :
begin }}
Valori dei parametri
Value | Description |
---|---|
limit | A number, specifying how many elements to return |
begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Altri esempi
Esempio
Visualizza gli ultimi tre elementi dell'array:
<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>
Esempio
Visualizza tre elementi, a partire dalla posizione 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>
Esempio
Visualizza i primi tre caratteri della stringa:
<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>
Esempio
Visualizza le prime tre cifre del numero:
<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>
Pagine correlate
Tutorial AngularJS: filtri angolari