AngularJS limitTofiltr
Příklad
Zobrazit pouze první tři položky pole:
<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>
Definice a použití
Filtr limitTovrátí pole nebo řetězec obsahující pouze zadaný počet prvků.
Když je limitTofiltr použit pro pole, vrátí pole obsahující pouze zadaný počet položek.
Když je limitTofiltr použit pro řetězce, vrací řetězec obsahující pouze zadaný počet znaků.
Když je limitTofiltr použit pro čísla, vrací řetězec obsahující pouze zadaný počet číslic.
Pomocí záporných čísel vraťte prvky začínající od konce prvku namísto začátku.
Syntax
{{ object | limitTo :
limit :
begin }}
Hodnoty parametrů
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Další příklady
Příklad
Zobrazte poslední tři položky pole:
<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>
Příklad
Zobrazte tři položky počínaje pozicí 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>
Příklad
Zobrazte první tři znaky řetězce:
<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>
Příklad
Zobrazte první tři číslice čísla:
<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>
Související stránky
Výukový program AngularJS: Úhlové filtry