在Dust.js中渲染2个独立的数组

Question

所以我试图用两个独立的数组渲染一个灰尘模板.我的数据类似于:

{
    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.js linkedIn fork.我该怎么做才能显示array2的值？

Answer 1

Dust方式是改变数据(如果可能的话):

{
    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}