Przykład
Wyświetlanie 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>
Spróbuj sam " Definicja i Wykorzystanie
limitTo filtr zwraca tablicę lub ciąg zawierający tylko określoną liczbę elementów.
Gdy limitTo filtr jest używany dla tablic, zwraca tablicę zawierającą tylko określoną liczbę przedmiotów.
Gdy limitTo Filtr jest stosowany do ciągów, zwraca łańcuch zawierający, tylko określoną liczbę znaków.
Gdy limitTo filtr jest używany dla liczb, zwraca ciąg zawierający tylko określoną liczbę cyfr.
Użyj ujemnych powrót elementów, zaczynając od końca elementu, a nie na 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świetla 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>
Spróbuj sam " Przykład
Wyświetla 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>
Spróbuj sam " Przykład
Wyświetla trzy pierwsze 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>
Spróbuj sam " Przykład
Wyświetl pierwsze trzy cyfry og liczby:
<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>
Spróbuj sam " Podobne strony
Angularjs Tutorial: kątowe Filtry