limitToตัวกรองAngularJS
ตัวอย่าง
แสดงเฉพาะสามรายการแรกของอาร์เรย์:
<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>
ความหมายและการใช้งาน
ตัวlimitToกรองส่งคืนอาร์เรย์หรือสตริงที่มีองค์ประกอบตามจำนวนที่ระบุเท่านั้น
เมื่อใช้limitToตัวกรองสำหรับอาร์เรย์ จะส่งคืนอาร์เรย์ที่มีเฉพาะจำนวนรายการที่ระบุเท่านั้น
เมื่อใช้limitToตัวกรองสำหรับสตริง จะส่งคืนสตริงที่มีเฉพาะจำนวนอักขระที่ระบุเท่านั้น
เมื่อใช้limitToตัวกรองสำหรับตัวเลข จะส่งคืนสตริงที่มีเฉพาะตัวเลขที่ระบุเท่านั้น
ใช้ตัวเลขติดลบเพื่อส่งคืนองค์ประกอบที่เริ่มต้นจากจุดสิ้นสุดขององค์ประกอบ แทนที่จะเป็นจุดเริ่มต้น
ไวยากรณ์
{{ object | limitTo :
limit :
begin }}
ค่าพารามิเตอร์
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
แสดง รายการสามรายการ สุดท้ายของอาร์เรย์:
<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>
ตัวอย่าง
แสดงรายการสามรายการ เริ่มต้นที่ตำแหน่ง 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>
ตัวอย่าง
แสดงอักขระสามตัวแรกของสตริง:
<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>
ตัวอย่าง
แสดงตัวเลขสามหลักแรกของตัวเลข:
<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>
หน้าที่เกี่ยวข้อง
บทช่วยสอน AngularJS: ตัวกรองเชิงมุม