Bộ lọc limitTo của AngularJS

Định nghĩa và cách sử dụng

limitTo Bộ lọc trả về một mảng hoặc chuỗi chỉ chứa số lượng phần tử hoặc ký tự chỉ định.

Khi limitTo Khi bộ lọc được sử dụng với mảng, nó trả về một mảng chỉ chứa số lượng phần tử chỉ định.

Khi limitTo Khi bộ lọc được sử dụng với chuỗi, nó trả về một chuỗi chỉ chứa số lượng ký tự chỉ định.

Khi limitTo Khi bộ lọc được sử dụng với số, nó trả về một chuỗi chỉ chứa số lượng ký tự chỉ định.

Sử dụng số âm để trả về các phần tử bắt đầu từ cuối phần tử, thay vì từ đầu.

Trang liên quan

Hướng dẫn AngularJS:Bộ lọc Angular

Mô hình

Ví dụ 1

Chỉ hiển thị ba phần tử đầu tiên của mảng:

Hiển thị ba số đầu tiên của số:
<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>

Ví dụ 2

Hiển thị ba phần tử cuối cùng của mảng:

Hiển thị ba số đầu tiên của số:
<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>

Ví dụ 3

Hiển thị ba phần tử bắt đầu từ vị trí 1:

Hiển thị ba số đầu tiên của số:
<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>

Ví dụ 4

Hiển thị ba ký tự đầu tiên của chuỗi:

Hiển thị ba số đầu tiên của số:
<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

Ví dụ 5

Hiển thị ba số đầu tiên của số:
<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>

Thử ngay

Cú pháp {{ object Mô tả | limitTo : Số, chỉ định số lượng phần tử cần trả về. :

}}