limitToFiltro AngularJS
Ejemplo
Muestra solo los tres primeros elementos de una matriz:
<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>
Definición y uso
El limitTofiltro devuelve una matriz o una cadena que contiene solo un número específico de elementos.
Cuando el limitTofiltro se usa para matrices, devuelve una matriz que contiene solo el número especificado de elementos.
Cuando el limitTofiltro se usa para cadenas, devuelve una cadena que contiene solo el número especificado de caracteres.
Cuando el limitTofiltro se usa para números, devuelve una cadena que contiene solo el número de dígitos especificado.
Use números negativos para devolver elementos que comiencen desde el final del elemento, en lugar del principio.
Sintaxis
{{ object | limitTo :
limit :
begin }}
Valores paramétricos
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Más ejemplos
Ejemplo
Muestre los últimos tres elementos de la matriz:
<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>
Ejemplo
Muestre tres elementos, comenzando en la posición 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>
Ejemplo
Muestra los tres primeros caracteres de la cadena:
<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>
Ejemplo
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>
páginas relacionadas
Tutorial de AngularJS: filtros angulares