AngularJS limitTo필터
예시
배열의 처음 세 항목만 표시:
<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>
정의 및 사용
필터 는 limitTo지정된 수의 요소만 포함하는 배열 또는 문자열을 반환합니다.
필터가 배열에 사용 되면 limitTo지정된 수의 항목만 포함하는 배열을 반환합니다.
필터가 문자열에 사용 되면 limitTo지정된 수의 문자만 포함하는 문자열을 반환합니다.
limitTo필터가 숫자에 사용되면 지정된 자릿수만 포함하는 문자열을 반환합니다 .
요소의 시작이 아닌 끝에서 시작하여 요소를 반환하려면 음수를 사용하십시오.
통사론
{{ object | limitTo :
limit :
begin }}
매개변수 값
| Value | Description |
|---|---|
| limit | A number, specifying how many elements to return |
| begin | Optional. A number specifying where to begin the limitation. Default is 0 |
더 많은 예
예시
배열의 마지막 세 항목을 표시합니다 .
<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>
예시
위치 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>
예시
문자열의 처음 세 문자를 표시합니다.
<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>
예시
숫자의 처음 세 자리 표시:
<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>
관련 페이지
AngularJS 튜토리얼: 각도 필터