3

したがって、2つの別々の配列でダストテンプレートをレンダリングしようとしています。私のデータは次のようなものです。

{
    array1: [5, 10, 20],
    array2: [10, 20, 40]
}

そして、私のダストテンプレートは次のようになります。

{#array1}
<div class="span2">
  <input type="number" value={.}></div>
<div class="span2">
  <input type="number" value={array2[{$idx}]}></div>
</div>{~n}
{/array1}

array1の要素は正常に表示されますが、array2のすべての入力は空白です。私はdust-full-1.2.2.jslinkedInフォークを使用しています。array2の値を表示できるようにするにはどうすればよいですか?

4

3 に答える 3

6

これを行うためのダストの方法は、データを変更することです(可能な場合):

{
    numbers: [
        {val1: 5, val2: 10},
        {val1: 10, val2: 20},
        {val1: 20, val2: 40}
    ]
}

次に、テンプレートは次のようになります。

{#numbers}
  <div class="span2">
    <input type="number" value="{val1}"></div>
  <div class="span2">
    <input type="number" value="{val2}"></div>
  </div>
{/numbers}
于 2013-03-21T16:18:43.883 に答える
0

これでうまくいくかどうか教えてください。 http://jsfiddle.net/yXx5L/3/

ヘルパーを使用して、データ形式を変更せずに2番目のテキストボックスの値を入力します。

value={#counterpart i=$idx}{ele}{/counterpart}
于 2013-06-10T19:08:37.413 に答える
0

コンテキストをArray2に変更します。{#array2[...]}を追加します

ここで明示的なコンテキスト設定を参照してください:https ://github.com/linkedin/dustjs/wiki/Dust-Tutorial

于 2013-10-22T20:45:25.937 に答える