javascript - 在 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}

Answer 2

将上下文更改为 Array2。添加 {#array2[...]}

请参阅此处的显式上下文设置：https ://github.com/linkedin/dustjs/wiki/Dust-Tutorial

Answer 3

请让我知道这是否对您有用。 http://jsfiddle.net/yXx5L/3/

我使用助手填充第二个文本框值而不更改数据格式。

value={#counterpart i=$idx}{ele}{/counterpart}