AngularJS- limitTo
Filter
Beispiel
Zeigt nur die ersten drei Elemente eines Arrays an:
<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>
Definition und Verwendung
Der limitTo
Filter gibt ein Array oder eine Zeichenfolge zurück, die nur eine bestimmte Anzahl von Elementen enthält.
Wenn der limitTo
Filter für Arrays verwendet wird, gibt er ein Array zurück, das nur die angegebene Anzahl von Elementen enthält.
Wenn der limitTo
Filter für Zeichenfolgen verwendet wird, gibt er eine Zeichenfolge zurück, die nur die angegebene Anzahl von Zeichen enthält.
Wenn der limitTo
Filter für Zahlen verwendet wird, gibt er eine Zeichenfolge zurück, die nur die angegebene Anzahl von Ziffern enthält.
Verwenden Sie negative Zahlen, um Elemente ab dem Ende des Elements statt am Anfang zurückzugeben.
Syntax
{{ object | limitTo :
limit :
begin }}
Parameterwerte
Value | Description |
---|---|
limit | A number, specifying how many elements to return |
begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Mehr Beispiele
Beispiel
Zeigen Sie die letzten drei Elemente des Arrays an:
<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>
Beispiel
Zeigen Sie drei Elemente an, beginnend bei Position 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>
Beispiel
Zeigen Sie die ersten drei Zeichen der Zeichenfolge an:
<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>
Beispiel
Zeigen Sie die ersten drei Ziffern der Nummer an:
<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>
Verwandte Seiten
AngularJS-Tutorial: Winkelfilter