과목 추천：

AngularJS limitTo 필터

limitTo 정의와 사용법

필터가 문자열에 사용될 때, 지정된 수의 문자를 포함하는 문자열을 반환합니다. limitTo 필터는 지정된 수의 원소를 포함하는 배열이나 문자열을 반환합니다.

필터가 문자열에 사용될 때, 지정된 수의 문자를 포함하는 문자열을 반환합니다. limitTo 필터가 배열에 사용될 때, 지정된 수의 원소를 포함하는 배열을 반환합니다.

필터가 문자열에 사용될 때, 지정된 수의 문자를 포함하는 문자열을 반환합니다. limitTo 필터가 숫자에 사용될 때, 지정된 자릿수만을 포함하는 문자열을 반환합니다.

음수를 사용하여 원소의 끝에서 시작하는 원소를 반환합니다.

관련 페이지

AngularJS 튜토리얼：Angular 필터

예제

예제 1

배열의 앞 세 개의 요소만 표시합니다：

최초 3개의 숫자를 표시합니다:
<ul>
<li ng-repeat="x in cars | limitTo : 3">{{x}}</li>
</ul>
<h1>{{phone | 한정 : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

예제 2

배열의 마지막 세 개의 요소를 표시합니다：

최초 3개의 숫자를 표시합니다:
<ul>
<li ng-repeat="x in cars | limitTo : -3">{{x}}</li>
</ul>
<h1>{{phone | 한정 : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

예제 3

위치 1에서 시작하여 세 개의 요소를 표시합니다：

최초 3개의 숫자를 표시합니다:
<ul>
<li ng-repeat="x in cars | limitTo : 3 : 1">{{x}}</li>
</ul>
<h1>{{phone | 한정 : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

예제 4

표시할 문자열의 앞 세 문자를 표시합니다：

최초 3개의 숫자를 표시합니다:
<h1>{{txt | limitTo : 3}}</h1>
<h1>{{phone | 한정 : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.txt = "Hello, welcome to AngularJS";
$scope.phone = "123456789";
);

</script>

例子 5

예제 5

최초 3개의 숫자를 표시합니다:
<div ng-app="myApp" ng-controller="sizeCtrl">
<h1>{{phone | 한정 : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('sizeCtrl', function($scope) {
$scope.phone = "123456789";
);

</script>

직접 시도해 보세요

문법 {{ 객체 설명 | 한정 : 숫자, 반환할 요소 수를 지정합니다. :

}}