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 配列には常に 6 つの要素があります。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 に答える