javascript - 对于数组中的每个项目 {{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>