limitToFilter AngularJS
Contoh
Tampilkan hanya tiga item pertama dari array:
<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>
Definisi dan Penggunaan
Filter limitTomengembalikan array atau string yang hanya berisi sejumlah elemen tertentu.
Ketika limitTofilter digunakan untuk array, filter mengembalikan array yang hanya berisi jumlah item yang ditentukan.
Ketika limitTofilter digunakan untuk string, ia mengembalikan string yang berisi, hanya sejumlah karakter yang ditentukan.
Saat limitTofilter digunakan untuk angka, filter mengembalikan string yang hanya berisi jumlah digit yang ditentukan.
Gunakan angka negatif untuk mengembalikan elemen mulai dari akhir elemen, bukan dari awal.
Sintaksis
{{ object | limitTo :
limit :
begin }}
Nilai Parameter
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Lebih Banyak Contoh
Contoh
Tampilkan tiga item terakhir dari array:
<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>
Contoh
Tampilkan tiga item, mulai dari posisi 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>
Contoh
Menampilkan tiga karakter pertama dari string:
<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>
Contoh
Menampilkan tiga digit pertama dari nomor:
<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>
Halaman Terkait
Tutorial AngularJS: Filter Sudut