访问Meteor Template中的数组值

时间:2014-10-01 20:03:06

标签: javascript meteor

我有这个传递给模板的简单数组;

Template.incomeTotals.total = function() {
  var array = [];
  array[0] = [100000, 59, 58900];
  return array;
};

然后是这个HTML文件;

<body>
 <table>
   {{> incomeTotals}}
 </table>
</body>

<template name="incomeTotals">
  {{#each total}}
   <tr>
    <th>{{.0}}</th>
    <th>{{.1}}%</th>
    <th>${{.2}}</th>
   </tr>
  {{/each}}
</template>

我要做的是将这三个值全部显示在同一行上,但所有值都出现在第二行100000,59,58900%。我在类似的问题中看到有人使用{{#each total.array}}的形式,但在使用该语法时我没有输出。

更新

这是最终为其他人绊倒的工作:

Template.incomeTotals.total = function() {
  var array = [];
  array[0] = {budgetTotal:100000, achievedAvg:59, sumTotals:58900};
  return array;
};

HTML;

<body>
 <table>
   {{> incomeTotals}}
 </table>
</body>

<template name="incomeTotals">
  {{#each total}}
   <tr>
    <th>{{budgetTotal}}</th>
    <th>{{achievedAvg}}%</th>
    <th>${{sumTotals}}</th>
   </tr>
  {{/each}}
</template>

2 个答案:

答案 0 :(得分:4)

要在Meteor模板中按索引访问数组:

{{myArray.[0]}}
{{myArray.[0].that}}

答案 1 :(得分:0)

还没有答案,但请尝试:

<template name="incomeTotals">
  {{#each total}}
   <tr>
    <th>{{this[0]}}</th>
    <th>{{this[1]}}%</th>
    <th>${{this[2]}}</th>
   </tr>
  {{/each}}
</template>