limitToBộ lọc AngularJS
Thí dụ
Chỉ hiển thị ba mục đầu tiên của một mảng:
<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>
Định nghĩa và Cách sử dụng
Bộ limitTolọc trả về một mảng hoặc một chuỗi chỉ chứa một số phần tử được chỉ định.
Khi limitTobộ lọc được sử dụng cho các mảng, nó sẽ trả về một mảng chỉ chứa một số mục được chỉ định.
Khi limitTobộ lọc được sử dụng cho các chuỗi, nó sẽ trả về một chuỗi chỉ chứa số ký tự được chỉ định.
Khi limitTobộ lọc được sử dụng cho các số, nó sẽ trả về một chuỗi chỉ chứa số chữ số được 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ì đầu.
Cú pháp
{{ object | limitTo :
limit :
begin }}
Giá trị tham số
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
Các ví dụ khác
Thí dụ
Hiển thị ba mục cuối cùng của mảng:
<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>
Thí dụ
Hiển thị ba mục, bắt đầu từ vị trí 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>
Thí dụ
Hiển thị ba ký tự đầu tiên của chuỗi:
<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>
Thí dụ
Hiển thị ba chữ 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>
Các trang liên quan
Hướng dẫn AngularJS: Bộ lọc Angular