AngularJS limitToစစ်ထုတ် မှု
ဥပမာ
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>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
စစ် limitToထုတ်မှုသည် သတ်မှတ်ထားသော ဒြပ်စင်အရေအတွက်သာ ပါဝင်သော အခင်းအကျင်း သို့မဟုတ် စာကြောင်းတစ်ခုကို ပြန်ပေးသည်။
array များအတွက် filter ကိုအသုံးပြုသော အခါ limitTo၊ ၎င်းသည် သတ်မှတ်ထားသော item အရေအတွက်သာပါရှိသော array တစ်ခုကို ပြန်ပေးသည်။
strings များအတွက် filter ကိုအသုံးပြုသော အခါ limitTo၊ ၎င်းသည် သတ်မှတ်ထားသော စာလုံးအရေအတွက်ကိုသာ ပါဝင်သော string ကို ပြန်ပေးသည်။
နံပါတ်များအတွက် စစ်ထုတ်ခြင်းကို အသုံးပြုသော အခါတွင် 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 |
နောက်ထပ် ဥပမာများ
ဥပမာ
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>
ဥပမာ
အနေအထား 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 ကျူတိုရီရယ်- Angular Filters