$idx可以用于变量吗？

Question

我有一个变量，它包含在验证过程中出错的所有字段，即：

hasError = {
  firstName: 'First name is required',
  lastName: 'Last name is required'
}

然后，我简单地添加类，如果它们存在于错误中，如下所示：

{?hasError.firstName}error-class{/hasError.firstName}

效果很好。现在，我还有一些输入是数组，如下所示：

<input type="text" name="friends[0][name]" value="">
<input type="text" name="friends[0][age]" value="">

当它们出错时，它们在我的hasError变量中如下所示：

hasError = {
  friends-name-0: 'Friend name is required',
  friends-age-0: 'Friend age is required'
}

我以为我可以使用$idx，同时循环遍历朋友数组，在hasError中检查它，但它似乎不起作用。

如何才能做到这一点才能真正发挥作用呢？

{#friends}
  {?hasError.friends-name-{$idx}}error-class{/hasError.friends-name-{$idx}}
{/friends}

如果需要，我可以更改hasError键的外观(朋友-名称-0)。

Answer 1

看来我找到了解决办法。我必须修改发送到模板的数据，使其如下所示：

hasError: {
  friends: {
    name: {
      0: 'Friend name is required',
      1: 'Friend name is required'
    }
  }
}

然后将我的模板更改为：

{?hasError.friends.name[$idx]}error-class{/hasError.friends.name[$idx]}

复杂的dust.js是如此之少，但我却无意中发现了一篇我正在寻找的文章。这是一个链接，以防它能帮助到其他人：

https://www.paypal-engineering.com/2013/12/05/dust-is-eloquent-round-and-round-we-go-2/