Exemplo
Exibir apenas os três primeiros itens de um 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>
Tente você mesmo " Definição e Uso
O limitTo filtro retorna uma matriz ou uma string contendo apenas um determinado número de elementos.
Quando o limitTo filtro é usado para matrizes, devolve uma matriz que contém apenas o número especificado de itens.
Quando o limitTo filtro é usado para cordas, ele retorna um string contendo, apenas o número especificado de caracteres.
Quando o limitTo filtro é usado para números, ele retorna uma string contendo apenas o número especificado de dígitos.
Use números negativos para retornar elementos começando a partir da extremidade do elemento, em vez de no início.
Sintaxe
{{ object | limitTo :
limit :
begin }}Os valores dos parâmetros
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
mais Exemplos
Exemplo
Exibir os últimos três itens do 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>
Tente você mesmo " Exemplo
Exibir três itens, começando na posição 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>
Tente você mesmo " Exemplo
Exibir os três primeiros caracteres da cadeia:
<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>
Tente você mesmo " Exemplo
Exibir os três primeiros dígitos do og o número:
<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>
Tente você mesmo " Páginas relacionadas
AngularJS Tutorial: Filtros angulares