AngularJS limitTo फ़िल्टर

विभाषण और उपयोग

limitTo फ़िल्टर एक केवल इन संख्या के तत्वों की तत्वों की सरणी या स्ट्रिंग वापस करता है।

जब limitTo एक तत्वों के लिए फ़िल्टर का उपयोग करते हुए, यह एक केवल इन संख्या के तत्वों की तत्वों की सरणी वापस करता है।

जब limitTo स्ट्रिंग के लिए फ़िल्टर का उपयोग करते हुए, यह एक केवल इन संख्या के अक्षरों की स्ट्रिंग वापस करता है।

जब limitTo संख्या के लिए फ़िल्टर का उपयोग करते हुए, यह एक केवल इन संख्या के अक्षरों की स्ट्रिंग वापस करता है।

उस स्थान से वापस तत्वों को वापस करने के लिए नकारात्मक संख्या का उपयोग करें।

संबंधित पृष्ठ

AngularJS ट्यूटोरियल:Angular फिल्टर

उदाहरण

उदाहरण 1

केवल तत्वों के पहले तीन तत्वों को दिखाएं:

दिखाएं कि संख्या के पहले तीन नंबर:
<ul>
<li ng-repeat="x in cars | limitTo : 3">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

उदाहरण 2

एक तत्वों के अंतिम तीन तत्वों को दिखाएं:

दिखाएं कि संख्या के पहले तीन नंबर:
<ul>
<li ng-repeat="x in cars | limitTo : -3">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

उदाहरण 3

स्थान 1 से शुरू कर 3 तत्वों को दिखाएं:

दिखाएं कि संख्या के पहले तीन नंबर:
<ul>
<li ng-repeat="x in cars | limitTo : 3 : 1">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

उदाहरण 4

दिखाएं कि स्ट्रिंग के पहले तीन अक्षर:

दिखाएं कि संख्या के पहले तीन नंबर:
<h1>{{txt | limitTo : 3}}</h1>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.txt = "Hello, welcome to AngularJS";
$scope.phone = "123456789";
);

</script>

例子 5

उदाहरण 5

दिखाएं कि संख्या के पहले तीन नंबर:
<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>

अपने आप से प्रयोग करें

व्याकरण {{ ऑब्जेक्ट वर्णन | limitTo : संख्या, वापस करने हेतु चाहिए वाले एलिमेंट की संख्या निर्दिष्ट करें। :

}}