javascript - 数据未显示在简单的 meteor 模板中

Question

有人可以向我解释为什么我的模拟数据没有显示在这个简单的 meteor 应用程序中吗？任何帮助是极大的赞赏。我很困惑，因为这应该非常简单。

Client/Main.js

import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';

import './main.html';

var accountData = [
  {
    currency: 'USD',
    available: '3',
    balance: '1',
    hold: '0',
  },
  ...
];

Template.accounts.helpers({
  account: accountData
});

client/Main.html

<template name="accounts">
  <h3> Accounts</h3>
  <div class="table-responsive">
    <table class="table">
      <tr>
        <th> Currency </th>
        <th> Balance </th>
        <th> Available </th>
        <th> On Hold </th>
     </tr>
     {{#each account in accounts}}
       <tr>
         <td> {{account.currency}} </td>
         <td> {{account.available}}</td>
         <td> {{account.balance}}</td>
         <td> {{account.hold}} </td>
       </tr>
     {{/each}}
    </table>
  </div>
</template>

Answer 1

你的模板助手应该是返回一些东西的函数，而不仅仅是对象或数组。此外，您还定义了一个名为 account 的帮助程序，但正在调用名为 accounts 的帮助程序。试试这个:

Template.accounts.helpers({
  accounts: () => accountData
});