Φίλτρο limitTo του AngularJS

Ορισμός και χρήση

limitTo Το φίλτρο επιστρέφει μια ακολουθία ή αλφαβητική αλυσίδα που περιέχει μόνο τον καθορισμένο αριθμό στοιχείων ή χαρακτήρων.

Όταν limitTo Όταν ο φίλτρο χρησιμοποιείται για ακολουθίες, επιστρέφει μια ακολουθία που περιέχει μόνο τον καθορισμένο αριθμό στοιχείων.

Όταν limitTo Όταν ο φίλτρο χρησιμοποιείται για αλφαβητικές αλυσίδες, επιστρέφει μια αλφαβητική αλυσίδα που περιέχει μόνο τον καθορισμένο αριθμό χαρακτήρων.

Όταν limitTo Όταν ο φίλτρο χρησιμοποιείται για αριθμούς, επιστρέφει μια αλφαβητική αλυσίδα που περιέχει μόνο τον καθορισμένο αριθμό ψηφίων.

Η χρήση αρνητικών αριθμών επιστρέφει στοιχεία από το τέλος της ακολουθίας, αντί από την αρχή.

Σχετικές σελίδες

Εκμάθηση AngularJS:Φίλτρα Angular

Παράδειγμα

Παράδειγμα 1

Εμφάνιση μόνο των τριών πρώτων στοιχείων της ακολουθίας:

Εμφάνιση των τριών πρώτων αριθμών του αριθμού:
<ul>
<li ng-repeat="x in cars | limitTo : 3">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

Παράδειγμα 2

Εμφάνιση των τριών τελευταίων στοιχείων της ακολουθίας:

Εμφάνιση των τριών πρώτων αριθμών του αριθμού:
<ul>
<li ng-repeat="x in cars | limitTo : -3">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

Παράδειγμα 3

Εμφάνιση τριών στοιχείων από τη θέση 1:

Εμφάνιση των τριών πρώτων αριθμών του αριθμού:
<ul>
<li ng-repeat="x in cars | limitTo : 3 : 1">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

Παράδειγμα 4

Εμφάνιση των τριών πρώτων χαρακτήρων της αλφαβητικής αλυσίδας:

Εμφάνιση των τριών πρώτων αριθμών του αριθμού:
<h1>{{txt | limitTo : 3}}</h1>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.txt = "Γειά σου, καλωσορίσατε στο AngularJS";
$scope.phone = "123456789";
);

</script>

例子 5

Παράδειγμα 5

Εμφάνιση των τριών πρώτων αριθμών του αριθμού:
<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>

Προσωπική δοκιμή

Γλώσσα {{ Αντικείμενο Περιγραφή | limitTo : Αριθμός, καθορίζει τον αριθμό των στοιχείων που θα επιστρέψει. :

}}