예
배열의 첫 번째 세 개의 항목을 표시 :
<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>
»그것을 자신을 시도 예
수 og의 처음 세 자리 숫자를 표시합니다 :
<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와 자습서 : 각도 필터