Mafunzo ya filtri limitTo ya AngularJS

Mafunzo

limitTo Filtri limitTo ya AngularJS

Kama ni orodha, filtri hupata orodha ya majadiliano zilingana na nafasi iliyotumiwa. limitTo Maadili na matumizi

Kama ni orodha, filtri hupata orodha ya majadiliano zilingana na nafasi iliyotumiwa. limitTo Filtri hupata orodha ya majadiliano au ulimwengu zilingana na nafasi iliyotumiwa.

Kama ni orodha, filtri hupata orodha ya majadiliano zilingana na nafasi iliyotumiwa. limitTo Kama ni herufi, filtri hupata ulimwengu wa herufi zilingana na nafasi iliyotumiwa.

Kama ni namba, filtri hupata ulimwengu wa nafasi zilingana na namba iliyotumiwa.

Paezo la mawasiliano

Mafunzo ya AngularJS:Kifungaji cha Angular

Mfano

Mfano 1

Onyesha maktau tatu ya kwanza ya orodha

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

Tenda kwa kufikia

Mfano 2

Onyesha maktau tatu ya kutosha ya orodha

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

Tenda kwa kufikia

Mfano 3

Onyesha maktau tatu kuanzia nafasi ya 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>

Tenda kwa kufikia

Mfano 4

Onyesha herufi tatu ya ulimwengu

<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 = "Mwitu, karibuni kwenye AngularJS";
});
</script>

Tenda kwa kufikia

Mfano 5

Tunonyesha namba tatu ya kwanza ya ujumbe:

<div ng-app="myApp" ng-controller="sizeCtrl">
<h1>{{phone | kufikia : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('sizeCtrl', function($scope) {
$scope.phone = "123456789";
});
</script>

Tenda kwa kufikia

Makosa

{{ matokeo | kufikia : kufikia : kuanza }}

Chaguo