Esempio
Visualizzare 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>
Prova tu stesso " Definizione e utilizzo
Il limitTo filtro restituisce un array o di 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.
Utilizzare numeri negativi per tornare elementi a partire dalla fine dell'elemento, anziché all'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
Visualizzare le ultime 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>
Prova tu stesso " Esempio
Visualizzare 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>
Prova tu stesso " Esempio
Visualizzare 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>
Prova tu stesso " Esempio
Visualizzare le prime tre cifre del numero og:
<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>
Prova tu stesso " Pagine correlate
AngularJS Tutorial: Filtri angolari