陣列{{display item}}

Question

中的每個項目我試圖訪問我的代碼中的數組值，以便我可以使用它們，但我不知道如何。由於

var footerButtons = ['NO', 'EXTRA', 'YES']; 
 

 
<template name="footer"> 
 
    {{#each footerButtons}} 
 
    <h1> 
 
     <button class="col-xs-2 mainMenu" type="button">{{what should go here?}}</button> 
 
    </h1> 
 
    {{/each}} 
 
</template>

Answer 1

你可以定義你footerButtons幫手如下 -

Template.footer.helpers({ 
    footerButtons() { 
    return [{text: 'NO'}, {text: 'EXTRA'}, {text: 'YES'}]; 
    } 
}); 

然後在你的模板，你可以訪問該值，如下圖所示。

<template name="footer"> 
    {{#each footerButtons}} 
    <h1> <button class="col-xs-2 mainMenu" type="button">{{text}}</button> </h1> 
    {{/each}} 
</template> 

Answer 2

{{.}}或{{this}}是你在找什麼。這指的是數組中的當前對象/元素。