AngularJS limitTo ການຈຳນວນ

ການສະເພາະແລະການນໍາໃຊ້

limitTo ການໃຊ້ບົດການຈຳນວນເບີໂລສະເຫຼັກຈະບຸກຄົນບໍ່ມີຈຳນວນຫຼັກທີ່ຈະມີຈຳນວນຫຼັກທີ່ຈະຈຳນວນຫຼັກ:

ເມື່ອ limitTo ການໃຊ້ບົດການຈຳນວນເບີໂລສະເຫຼັກໃນຕາຕະລາງຈະບຸກຄົນບໍ່ມີຈຳນວນຫຼັກທີ່ຈະມີຈຳນວນຫຼັກທີ່ຈະຈຳນວນຫຼັກ:

ເມື່ອ limitTo ການໃຊ້ບົດການຈຳນວນເບີໂລສະເຫຼັກໃນຄຳວັດແກ້ວຈະບຸກຄົນບໍ່ມີຈຳນວນຫຼັກທີ່ຈະມີຈຳນວນຫຼັກທີ່ຈະຈຳນວນຫຼັກ:

ເມື່ອ limitTo ການໃຊ້ບົດການຈຳນວນເບີໂລສະເຫຼັກໃນຄຳວັດແກ້ວຈະບຸກຄົນບໍ່ມີຈຳນວນຫຼັກທີ່ຈະມີຈຳນວນຫຼັກທີ່ຈະຈຳນວນຈຳນວນຫຼັກ:

ການໃຊ້ບໍ່ອອກຈາກຕາຕະລາງທີ່ລົງມາຈາກຫຼັກສຸດສາມຫຼັກທີ່ຈະບໍ່ຈະຈາກຫຼັກສາມຫຼັກທຳອິດ:

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ:

AngularJS ການສອນ:AngularJS ພະນັກງານ

ບົດສະຫຼຸບ

ຄວາມລາຍງາຍ 1

ສະແດງຫຼັກສາມຫຼັກທຳອິດຂອງຕາຕະລາງ:

<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>

ທຳການທີ່ຂ້ອຍຈະທຳການດັ່ງກ່າວ

ຄວາມລາຍງາຍ 2

ສະແດງຫຼັກສຸດສາມຫຼັກຂອງຕາຕະລາງ:

<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>

ທຳການທີ່ຂ້ອຍຈະທຳການດັ່ງກ່າວ

ຄວາມລາຍງາຍ 3

ສະແດງສາມຫຼັກຈາກຕາຕະລາງ 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>

ທຳການທີ່ຂ້ອຍຈະທຳການດັ່ງກ່າວ

ຄວາມລາຍງາຍ 4

ສະແດງຄຳວັດແກ້ວສາມຄໍາທຳອິດ:

<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>

ທຳການທີ່ຂ້ອຍຈະທຳການດັ່ງກ່າວ

ຕົວຢ່າງ 5

ສະແດງຈຳນວນສະໄໝທີ່ກ່ອນ 3:

<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>

ທຳການທີ່ຂ້ອຍຈະທຳການດັ່ງກ່າວ

ການສະແດງຕາມຄຳສັ່ງ

{{ object | limitTo : limit : begin }}

ປະເພດ