AngularJS limitTo filter

Definitie en gebruik

limitTo Het filter retourneert een array of string die alleen de opgegeven hoeveelheid elementen bevat.

Wanneer limitTo Bij gebruik van het filter op arrays retourneert het een array die alleen de opgegeven hoeveelheid items bevat.

Wanneer limitTo Bij gebruik van het filter op strings retourneert het een string die alleen de opgegeven hoeveelheid tekens bevat.

Wanneer limitTo Bij gebruik van het filter op getallen retourneert het een string die alleen de opgegeven hoeveelheid cijfers bevat.

Gebruik negatieve getallen om elementen vanaf het einde van de elementen te retourneren in plaats van vanaf het begin.

Gerelateerde pagina's

AngularJS Handleiding:Angular Filters

Voorbeeld

Voorbeeld 1

Toon alleen de eerste drie elementen van de array:

Toon de eerste drie cijfers van het getal:
<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>

Voorbeeld 2

Toon de laatste drie elementen van de array:

Toon de eerste drie cijfers van het getal:
<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>

Voorbeeld 3

Toon drie elementen vanaf positie 1:

Toon de eerste drie cijfers van het getal:
<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>

Voorbeeld 4

Toon de eerste drie tekens van de string:

Toon de eerste drie cijfers van het getal:
<h1>{{txt | limitTo : 3}}</h1>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.txt = "Hallo, welkom bij AngularJS";
$scope.phone = "123456789";
});

</script>

例子 5

Voorbeeld 5

Toon de eerste drie cijfers van het getal:
<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>

Probeer het zelf

Syntax {{ object Beschrijving | limitTo : Nummer, specificeer het aantal elementen dat moet worden geretourneerd. :

}}