AngularJS에서 요소를 특정 횟수만큼 반복하는 방법은 무엇입니까?

AngularJS를 사용하여 특정 횟수만큼 요소 반복

AngularJS를 사용하여 작업할 때 배열을 반복하는 데 ng-repeat 지시문이 자주 사용됩니다. 데이터를 동적으로 표시합니다. 하지만 배열에 관계없이 요소를 특정 횟수만큼 반복해야 한다면 어떻게 해야 할까요?

원래 솔루션(AngularJS 1.3.0 이전)

버전의 경우 1.3.0 이전의 AngularJS에서는 해결 방법이 필요했습니다.

1. 컨트롤러에 getNumber()라는 함수를 만듭니다.

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

2. HTML의 경우 ng-repeat에서 getNumber() 함수를 사용하여 반복 횟수를 정의합니다.

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

업데이트된 솔루션(AngularJS 1.3.0 이상)

AngularJS 1.3.0부터 getNumber() 함수가 필요하지 않습니다.

<code class="html"><li ng-repeat="x in [].constructor(number) track by $index">
    <span>{{ $index+1 }}</span>
</li></code>

출력 예

$scope 가정 .number를 5로 설정하면 원하는 출력이 렌더링됩니다.

<code class="html"><ul>
    <li><span>1</span></li>
    <li><span>2</span></li>
    <li><span>3</span></li>
    <li><span>4</span></li>
    <li><span>5</span></li>
</ul></code>

이 기술을 사용하면 요소를 특정 횟수만큼 동적으로 반복할 수 있어 AngularJS 템플릿 생성 시 더 큰 유연성을 제공할 수 있습니다.

위 내용은 AngularJS에서 요소를 특정 횟수만큼 반복하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!