26

我在使用 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"
4

2 回答 2

26

您的编辑正朝着正确的方向前进,您可以轻松地遍历整数列表,您只需像这样使用索引的值

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

如果您想尝试http://jsfiddle.net/DotDotDot/tweyS/ ,我做了一个小提琴(输入字段只是在这里更改所选值,如您的代码示例中所示,以便显示正确的字段)

玩得开心

于 2013-07-29T09:29:24.493 回答
19

不允许在转发器中重复。使用“track by”表达式指定唯一键。

  <div ng-repeat="n in [42, 42, 43, 43] track by $index">
     {{n}}
  </div>
于 2015-09-29T20:21:02.940 回答