javascript - 获取 Handlebars 中父数组的索引

Question

我的数据是一系列问题，每个问题中都有一系列可选答案。我想要做的是获取问题的索引和每个答案的答案。

所以我让 Handlebars 循环遍历问题，然后循环遍历每个问题的答案。这是:

  {{#questions}}
  <ul>
    <li><strong>{{question}}</strong><br>
    {{#each answers}}
      {{@index}}={{this}},
    {{/each}}</li>
  </ul>
  {{/questions}} 

这是输入的数据:

    data = {
        "questions" : [
            {
                "question":"Favorite Color",
                "answers" : ["red","blue","green"]
            },
            {
                "question":"Favorite food",
                "answers" : ["pizza","pasta","cats"]
            }
        ]
    }

因此，如果我想要答案的索引，我可以编写@index，但如果它是数组中的数组，则它不起作用。据说您可以编写 ../从父级获取变量，但数组不喜欢这样。

{{../@index}}-{{@index}}={{this}}

这应该给我 QuestionIndex-answerIndex=answer。

但是我收到一个错误，如下所示:

/home/ubuntu/workspace/views/survey/index.hbs: Parse error on line 16: ... {{../@index}} {{this}}

Error: /home/ubuntu/workspace/views/survey/index.hbs: Parse error on line 16: ... {{../@index}} {{this}}

这是一个显示它不起作用的示例:https://codepen.io/samkeddy/pen/oeMeeO (如果您取出 {{../@index}} 它将起作用。

Answer 1

尝试 {{@../index}}-{{@index}}={{this}}