client.jsファイルにこれがあります
Template.data.champ = Meteor.call("checkLeague", function(error, results) {
console.log(results.data.data);
return results.data.data;
});
したがって、console.log には問題なく表示されますが、実際には Web ページには表示されません。
これは、ハンドルバー テンプレートを含む私の html ファイルです。
<body>
{{> hello}}
{{> data}}
</body>
<template name="hello">
<h1>Hello World!</h1>
{{greeting}}
<input type="button" value="Click" />
</template>
<template name="data">
{{#each champ}}
{{name}}
{{/each}}
</template>
私の理解では (これはハンドルバーに関して非常に限られています)、{{#各チャンプ}} はオブジェクトを繰り返しますか? しかし、何らかの理由で、ページに何も表示されていません。
これはオブジェクト構造です (コンソールに表示されます)。
Object {Aatrox: Object, Ahri: Object, Akali: Object, Alistar: Object, Amumu: Object…}
Aatrox: Object
id: "Aatrox"
image: Object
key: "266"
name: "Aatrox"
title: "the Darkin Blade"
__proto__: Object
Ahri: Object
Akali: Object
Alistar: Object
Amumu: Object
Anivia: Object
Annie: Object
Ashe: Object
基本的に、オブジェクトの値を持つプロパティを持つオブジェクトを渡しています。{{#each} がプロパティを反復処理し、値 (オブジェクト) にアクセスできると仮定してからname
、テンプレートでその変数のプロパティにアクセスしようとしましたhandlebars
が、機能しません。