Contoh
Hanya menampilkan tiga item pertama dari sebuah 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>
Cobalah sendiri " Definisi dan Penggunaan
The limitTo Filter mengembalikan array atau string yang berisi hanya sejumlah tertentu dari elemen.
Ketika limitTo filter yang digunakan untuk array, ia mengembalikan array yang berisi hanya jumlah yang ditentukan item.
Ketika limitTo filter yang digunakan untuk string, ia mengembalikan string yang berisi, hanya jumlah yang ditentukan karakter.
Ketika limitTo filter yang digunakan untuk nomor, ia mengembalikan string yang berisi hanya jumlah tertentu digit.
Gunakan angka negatif untuk kembali elemen mulai dari ujung elemen, bukan 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 |
Contoh lebih
Contoh
Menampilkan 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>
Cobalah sendiri " Contoh
Menampilkan 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>
Cobalah sendiri " 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>
Cobalah sendiri " Contoh
Menampilkan tiga digit pertama og 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>
Cobalah sendiri " Pages terkait
AngularJS Tutorial: Filter sudut