AngularJS에서 ng-repeat를 사용하여 요소를 특정 횟수만큼 반복하려면 어떻게 해야 합니까?

ng-repeat를 사용하여 정의된 횟수만큼 반복

전통적으로 ng-repeat는 배열 요소를 반복하지만, 특정 횟수. 이 기사에서는 이를 달성하기 위한 편리한 방법을 살펴봅니다.

배열 반복 교체

항목 목록을 1부터 5까지 점진적으로 번호를 매겨 5번 표시하려는 시나리오를 생각해 보십시오. 배열을 사용하여 다음 접근 방식을 사용할 수 있습니다.

<code class="html"><li ng-repeat="i in getNumber(number) track by $index">
    <span>{{ $index+1 }}</span>
</li></code>

getNumber 함수 정의

컨트롤러에서 getNumber 함수는 원하는 길이의 배열을 생성합니다.

<code class="javascript">$scope.number = 5;
$scope.getNumber = function(num) {
    return new Array(num);
}</code>

AngularJS 버전의 영향

AngularJS 1.1.5 이전 버전의 경우 위의 내용으로 충분합니다. 그러나 버전 1.1.5부터는 ng-repeat 지시문에 $index 속성에 의한 추가 트랙을 지정해야 합니다.

사용 및 유연성

이 접근 방식을 사용하면 $를 동적으로 변경할 수 있습니다. 범위.번호를 임의의 값으로 변경하여 원하는 반복 횟수를 유지합니다. 이 기술은 AngularJS 애플리케이션에서 반복을 처리하는 편리한 방법을 제공합니다.

위 내용은 AngularJS에서 ng-repeat를 사용하여 요소를 특정 횟수만큼 반복하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!