AngularJS에서 고정 길이 ng-repeat를 구현하는 방법은 무엇입니까?

고정 길이 ng-repeat에 대한 대체 접근 방식

AngularJS에서 ng-repeat는 일반적으로 배열에서 작동합니다. 그러나 요소를 고정된 횟수만큼 반복해야 하는 상황이 있습니다. 다음은 두 가지 가능한 접근 방식입니다.

옵션 1: 사용자 정의 함수 사용

이전 버전의 AngularJS(1.3.0 이전)를 사용하는 경우 다음을 수행할 수 있습니다. 원하는 길이의 배열을 반환하는 함수 정의:

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

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

옵션 2: 생성자 속성 사용(AngularJS 1.3.0 이상)

최신 버전의 AngularJS에서는 함수 없이도 Array.constructor 속성을 활용할 수 있습니다.

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

위 내용은 AngularJS에서 고정 길이 ng-repeat를 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!