我在使用AngularJS 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数组将始终包含六个元素。我可以使用ng-repeat为其创建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/,我做了个小提琴(输入字段只是在此处更改所选值,如代码示例中那样,以便显示正确的字段)
玩得开心