Koyarwarin limitTo na AngularJS

Tasiri da koyarwa

limitTo Koyarwarin yau ya samu harabawon ubu na kaiwaka daga fursawa.

Yan limitTo Idan a koyarwarin yau ya bili, wato yau ya samu harabawon ubu na kaiwaka daga fursawa.

Yan limitTo Idan a koyarwarin yau ya bili, wato yau ya samu harabawon ubu na kaiwaka daga fursawa.

Yan limitTo Idan a koyarwarin yau ya bili, wato yau ya samu harabawon ubu na kaiwaka daga fursawa.

Idan a koyarwarin yau ya bili, wato yau ya samu harabawon ubu na kaiwaka daga fursawa, kuduwa daga kaiwaka fursawa.

Sayarwarin muhannan

Koyarwarin AngularJS:Angular Filter

Shirin

Mutumaki 1

Nuna harabawon ubu na 3 na kaiwaka:

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

Try It Yourself

Mutumaki 2

Nuna harabawon ubu na 3 na yanci:

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

Try It Yourself

Mutumaki 3

Hari kaiwan 1 kaiwaka 3 ubu:

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

Try It Yourself

Mutumaki 4

Nuna harabawon ubu ukuwada na 3:

<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 = "Sannu, karin shugaba AngularJS";
});
</script>

Try It Yourself

Example 5

Display the first three numbers of the number:

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

Try It Yourself

Syntax

{{ object | limitTo : limit : begin }}

Parameter