如何在每個塊的車把中獲取對象的索引

Question

我正在嘗試實施簡單的測驗。 我在javascript中創建html時使用的是第一個版本。 生成答案如下所示：

    for(var i in answers) {
        outAnswers += '<li data-answer="' + i + '">' + answers[i] + "</li>"; 
    }

現在，我嘗試為此使用handlebars.js：

   <ul id="answers">
       {{#each choices}}
           <li>{{this}}</li>
       {/each}}
   </ul>

我不知道如何檢查車把版本中的正確答案。 之前我剛剛添加了html數據屬性，並檢查是否（$（this）.data（'answer'）=== correctIndex）

我的樣本問題看起來像這樣：

{
 question: "This is example question", 
 choices: ["Answer1", "Answer2", "Answer3", "Answer4"], 
 correctAnswer: 0
}

Answer 1

來自http://handlebarsjs.com ：“當循環瀏覽每個循環中的項目時，可以選擇通過{{@index}}引用當前循環索引”。 因此，要使用模板來實現沒有模板就可以實現的目標，模板將變為：

<ul id="answers">
    {{#each choices}}
        <li data-answer="{{@index}}">{{this}}</li>
    {{/each}}
</ul>