반응형
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
반응형
'programing' 카테고리의 다른 글
헤더 이외의 Ajax DELETE 요청의 데이터를 전달하는 방법 (0) | 2023.04.02 |
---|---|
php 스크립트에서 Wordpress 환경을 로드하는 방법은 무엇입니까? (0) | 2023.04.02 |
에서 JSON을 포맷하려면 어떻게 해야 하나요?C#을 사용한 NET? (0) | 2023.03.28 |
컨버터를 사용하는 Grails 서비스를 테스트하려면 어떻게 해야 합니까? (0) | 2023.03.28 |
WooCommerce의 카트 총 가격 변경 (0) | 2023.03.28 |