単純な流星テンプレートにデータが表示されない

Question

誰かが私の模擬データがこの単純な流星アプリに表示されない理由を説明できますか？どんな助けでも大歓迎です。これは本当にシンプルでなければならないので、私は困惑しています。

クライアント/ 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 
}); 

クライアント/ 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 
});