programing

ng-repeat을 사용하여 AngularJS의 어레이를 반복할 수 있습니까?

skycolor 2023. 4. 2. 10:08
반응형

ng-repeat을 사용하여 AngularJS의 어레이를 반복할 수 있습니까?

Angular 사용에 문제가 있습니다.JS ng-repeat.제가 가지고 있는 것은 다음과 같습니다.

<div ng:show="selected == 3">
    <div class="columns">
        <textarea rows="4" data-ng-model="modal.data.answer[1].text" cols="91">1</textarea>
    </div>
    <div class="columns">
        <label>Explanation</label>
        <textarea rows="2" data-ng-model="modal.data.answer[1].explanation" cols="91"></textarea>
    </div>
    <div class="columns">
        <div class="colx2-left">
            <span class="label">Correct</span>
            <input type="checkbox" data-ng-model="modal.data.answer[1].correct" class="check-box"><input type="hidden" value="false" name="Details[0].Correct">
        </div>
        <div class="colx2-right">
            <label>Image File</label>
            <input type="text" data-ng-model="modal.data.answer[1]image" class="full-width">
        </div>
    </div>
</div>

modal.data.answer 배열에는 항상 6개의 요소가 있습니다.이러한 HTML을 만들고 배열의 [x] 숫자까지 반복하여 "selected ="에 대한 첫 번째 줄의 숫자를 3에서 8로 늘릴 수 있습니까?

제가 알기로는<div ng-repeat="t in [3,4,5,6,7,8]"> </div>하지만 어떻게 하면 t의 값을 다음과 같은 것으로 만들 수 있을까요?

data-ng-model="modal.data.answer[1].text"

편집은 올바른 방향으로 진행됩니다.정수 목록을 쉽게 반복할 수 있습니다.인덱스 값만 사용하면 됩니다.

<div ng-repeat="t in [3,4,5,6,7,8]">
....
data-ng-model="modal.data.answer[t].text"
...

http://jsfiddle.net/DotDotDot/tweyS/ 를 사용해 보고 싶은 경우는, 바이올린을 만들었습니다(입력 필드는 코드 샘플과 같이 올바른 필드를 표시하기 위해서 선택한 값을 변경하는 것 뿐입니다).

즐겁게 보내세요

리피터에서는 중복은 허용되지 않습니다.고유한 키를 지정하려면 '추적 기준' 식을 사용하십시오.

  <div ng-repeat="n in [42, 42, 43, 43] track by $index">
     {{n}}
  </div>

언급URL : https://stackoverflow.com/questions/17919600/can-i-use-ng-repeat-to-iterate-over-an-array-in-angularjs

반응형