Ejemplo
Mostrar sólo los tres primeros elementos de 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>
Inténtalo tú mismo " Definición y Uso
El limitTo filtro devuelve una matriz o una cadena que contiene sólo un número determinado de elementos.
Cuando el limitTo se utiliza el filtro para las matrices, devuelve una matriz que contiene sólo el número especificado de elementos.
Cuando el limitTo se utiliza el filtro para las cadenas, devuelve una cadena que contiene, sólo el número especificado de caracteres.
Cuando el limitTo se utiliza filtro para los números, devuelve una cadena que contiene sólo el número especificado de dígitos.
Utilice números negativos para devolver los elementos a partir de la extremidad del elemento, en lugar de al principio.
Sintaxis
{{ object | limitTo :
limit :
begin }}Los valores de los 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 |
Más ejemplos
Ejemplo
Mostrar los tres últimos 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>
Inténtalo tú mismo " Ejemplo
Mostrar 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>
Inténtalo tú mismo " Ejemplo
Mostrar 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>
Inténtalo tú mismo " Ejemplo
Mostrar los tres primeros dígitos del número 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>
Inténtalo tú mismo " Páginas relacionadas
AngularJS Tutorial: angular Filtros