嵌套在车把中的顶层

Question

鉴于这种情况

{
  letters: ['a', 'b', 'c'],
  numbers: ['1', '2', '3']
}

我将如何制作

a1
a2
a3
b1
b2
b3
c1
c2
c3

本质上，

{{#each letters}}
{{#each ../numbers}}
what to put here?
{{/each}}
{{/each}}

我专门使用https://github.com/sunng87/handlebars-rust，但是理论上这非常接近功能奇偶性，因此在handlebars.js中的实现方式应该是兼容的。

作为参考，我的实际用例是 C++ 代码生成。问题主要是关于访问内部循环的 this 属性。现在我的代码看起来像

{{#each variant}}
{{#each ../typearg}}{{#if @first}}template <{{/if}}{{this}}{{#if @last}}>{{else}},{{/if}}{{/each}}
{{/each}}

但是由于某种原因，这个输出

template <>
template <>

当我期望它输出时

template <T>
template <T>

相关的对象以形式传递给它

{
    typearg: [ 'T' ],
    variant: [{ }, { }]
}

Answer 1

我认为最好的方法是创建一个新的车把助手，它会返回html。

Handlebars.registerHelper('multi_list', function(context, options) {
  var html = "";
  var letters = options.hash.letters;
  var numbers = options.hash.numbers;

  for (var i=0; i< letters.length; i++) {
    for (var j=0; j <  numbers.length; j++) {
        html += '<li>' + (letters[i] + '' + numbers[i] + '</li>';
    }
  }

  return html;
});

你会打电话给助手

{{#multi_list letters numbers}}

如果您仍想使用现有的 each 帮助器进行迭代，那么您可以使用 {{this}} 或 {{./this}} 访问最里面的循环值和

{{../this}} 访问高一级的最外层循环值

{{#each variant}}
    {{#each ../typearg}}
        {{#if @first}}
            template <
        {{/if}}
            {{this}}
         {{#if @last}}
            >
         {{else}}
            ,
         {{/if}}
     {{/each}}

      {{../this}}

 {{/each}}