एंगुलरजेएस limitToफ़िल्टर
उदाहरण
किसी सरणी के केवल पहले तीन आइटम प्रदर्शित करें:
<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>
संबंधित पृष्ठ
एंगुलरजेएस ट्यूटोरियल: एंगुलर फिल्टर्स