AngularJS- limitTofilter
Voorbeeld
Vertoon slegs die eerste drie items van 'n skikking:
<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>
Definisie en gebruik
Die limitTofilter gee 'n skikking of 'n string terug wat slegs 'n gespesifiseerde aantal elemente bevat.
Wanneer die limitTofilter vir skikkings gebruik word, gee dit 'n skikking terug wat slegs die gespesifiseerde aantal items bevat.
Wanneer die limitTofilter vir stringe gebruik word, gee dit 'n string terug wat slegs die gespesifiseerde aantal karakters bevat.
Wanneer die limitTofilter vir getalle gebruik word, gee dit 'n string terug wat slegs die gespesifiseerde aantal syfers bevat.
Gebruik negatiewe getalle om elemente terug te gee wat van die einde van die element begin, in plaas van die begin.
Sintaksis
{{ object | limitTo :
limit :
begin }}
Parameterwaardes
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Meer voorbeelde
Voorbeeld
Vertoon die laaste drie items van die skikking:
<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>
Voorbeeld
Vertoon drie items, begin by posisie 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>
Voorbeeld
Vertoon die eerste drie karakters van die string:
<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>
Voorbeeld
Vertoon die eerste drie syfers van die nommer:
<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>
Verwante bladsye
AngularJS-tutoriaal: hoekfilters