Filtro limitTo de AngularJS

Definición y uso

limitTo El filtro regresa un array o cadena que contiene solo una cantidad específica de elementos.

Cuando limitTo Cuando se usa el filtro en arrays, regresa un array que contiene solo una cantidad específica de elementos.

Cuando limitTo Cuando se usa el filtro en cadenas, regresa una cadena que contiene solo una cantidad específica de caracteres.

Cuando limitTo Cuando se usa el filtro en números, regresa una cadena que contiene solo una cantidad específica de dígitos.

Al usar números negativos, se regresan los elementos desde el final del elemento en lugar de desde el principio.

Páginas relacionadas

Tutoriales de AngularJS:Filtros Angular

Ejemplo

Ejemplo 1

Mostrar solo los tres primeros elementos del array:

Mostrar los tres primeros dígitos del número:
<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>

Ejemplo 2

Mostrar los tres últimos elementos del array:

Mostrar los tres primeros dígitos del número:
<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>

Ejemplo 3

Mostrar tres elementos comenzando en la posición 1:

Mostrar los tres primeros dígitos del número:
<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>

Ejemplo 4

Mostrar los tres primeros caracteres de la cadena:

Mostrar los tres primeros dígitos del número:
<h1>{{txt | limitTo : 3}}</h1>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.txt = "Hola, bienvenido a AngularJS";
$scope.phone = "123456789";
});

</script>

例子 5

Ejemplo 5

Mostrar los tres primeros dígitos del 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>

Prueba personalmente

Gramática {{ objeto Descripción | limitTo : Número, especifica la cantidad de elementos a devolver. :

}}