limitTo
Filtr AngularJS
Przykład
Wyświetl tylko pierwsze trzy elementy tablicy:
<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>
Definicja i użycie
Filtr limitTo
zwraca tablicę lub ciąg znaków zawierający tylko określoną liczbę elementów.
Gdy limitTo
filtr jest używany do tablic, zwraca tablicę zawierającą tylko określoną liczbę elementów.
Gdy limitTo
filtr jest używany do ciągów, zwraca ciąg zawierający tylko określoną liczbę znaków.
Gdy limitTo
filtr jest używany do liczb, zwraca ciąg zawierający tylko określoną liczbę cyfr.
Użyj liczb ujemnych, aby zwrócić elementy zaczynające się od końca elementu, a nie od początku.
Składnia
{{ object | limitTo :
limit :
begin }}
Wartości parametrów
Value | Description |
---|---|
limit | A number, specifying how many elements to return |
begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Więcej przykładów
Przykład
Wyświetl ostatnie trzy elementy tablicy:
<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>
Przykład
Wyświetl trzy elementy, zaczynając od pozycji 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>
Przykład
Wyświetl pierwsze trzy znaki ciągu:
<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>
Przykład
Wyświetl pierwsze trzy cyfry numeru:
<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>
Powiązane strony
Samouczek AngularJS: Filtry kątowe