如何在ractive.js中获取命名循环变量？

Question

在Python中，迭代为我提供了一个命名变量：

for cage in cages:
    for animal in cage.animals:
        print("The current cage is",cage)
        print("the current animal is",animal)

在Ractive模板中，我似乎无法执行此操作。

{{#cages}}
    {{#animals}}
         The current animal is {{.}} or {{this}},
         but I don't know how to refer to the current cage,
         i.e. the outer loop variable

         I would like to be able to say {{cage}} has an {{animal}}
    {{/animals}}
{{/cages}}

有没有我不知道的语法？

Answer 1

我想知道是否应该添加{{#each cage in cages}}或{{#each cages as cage}}语法来处理这些案例。 取而代之的是，mknecht的答案是完全有效的，而且我经常使用自己的东西; 另一种方法是创建一个索引引用，如下所示：

{{#each cages :c}}
  {{#each animals}}
    The current animal is {{this}}, the current cage
    is {{cages[c]}}
  {{/each}}
{{/each}}

与此方法的不同之处在于双向绑定仍然有效（尽管在这种情况下听起来不像是一个问题。）

Answer 2

没有明确的语法，afaik，但您可能（错误）使用别名 ：您创建一个新的上下文，重命名. 以cage为例。 它看起来像这样：

{{#cages}} {{# {cage: .} }}
  {{ cage.name }}
{{/}}{{/cages}}

JSFiddle上有一个完整的版本

误用，因为在Ractive，你通常在当前上下文对象的属性 ，而无需命名上下文对象本身的工作。 这在嵌套的情况下也可以正常工作。 因此，没有这方面的语法。

别名确实有意义：名字阴影。 如果你需要在内循环中访问与animal-property同名的cage-property，那么别名就会起作用。 两者都在另一个小提琴演示