Beispiel
Zeigen Sie nur die ersten drei Elemente eines Arrays:
<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>
Versuch es selber " Definition und Verwendung
Der limitTo Filter gibt ein Array oder eine Zeichenkette , die nur eine bestimmte Anzahl von Elementen enthält.
Wenn der limitTo Filter für Arrays verwendet wird, gibt es eine nur die angegebene Anzahl von Elementen enthält Array.
Wenn der limitTo Filter für Strings verwendet wird, gibt es eine Zeichenfolge enthält, nur die angegebene Anzahl von Zeichen.
Wenn der limitTo Filter für Zahlen verwendet wird, gibt es einen String nur die angegebene Anzahl von Ziffern enthalten.
Verwenden negative Zahlen Elemente zurückzukehren vom Ende des Elements beginnen, anstelle von Anfang an.
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:
<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>
Versuch es selber " Beispiel
Zeigen Sie drei Punkte, beginnend an 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>
Versuch es selber " Beispiel
Zeigen Sie die ersten drei Zeichen der Zeichenfolge:
<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>
Versuch es selber " Beispiel
Zeigen Sie die ersten drei Ziffern og der Nummer:
<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>
Versuch es selber " Verwandte Seiten
AngularJS Tutorial: Angular Filter