Bộ lọc limitTo
AngularJS
Ví 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>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Bộ lọc limitTo
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 bộ lọc limitTo
được sử dụng cho mảng, nó sẽ trả về một mảng chỉ chứa số mục được chỉ định.
Khi bộ lọc limitTo
được sử dụng cho chuỗi, nó sẽ trả về một chuỗi chỉ chứa số lượng ký tự được chỉ định.
Khi bộ lọc limitTo
được sử dụng cho số, nó sẽ trả về một chuỗi chỉ chứa số chữ số đã chỉ định.
Sử dụng số âm để trả về các phần tử bắt đầu từ phần cuối của phần tử, thay vì phần đầ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 |
Thêm ví dụ
Ví 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>
Hãy tự mình thử »Ví 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>
Hãy tự mình thử »Ví 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>
Hãy tự mình thử »Ví 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>
Hãy tự mình thử »Trang liên quan
Hướng dẫn AngularJS: Bộ lọc góc