我想在HTML页面中显示一个对象数组,所以我这样做了:
Template.home.helpers({
contents() {
var contentArray = [];
var content1 =
{
'contentName': 'test1',
'contentSize': 'test1',
'contentType': 'test1',
};
var content2 =
{
'contentName': 'test2',
'contentSize': 'test2',
'contentType': 'test2',
};
contentArray.push(content1);
contentArray.push(content2);
return contentArray;
}
});
如何显示"内容"在HTML页面?
答案 0 :(得分:1)
你有没有完成过流星教程?这将在第二步here中介绍。
对于您来说,以下内容应该足以作为基本模型:
<template name="home">
{{#each thing in contents}}
<ul>
<li>Name: {{thing.contentName}}</li>
<li>Size: {{thing.contentSize}}</li>
<li>Type: {{thing.contentType}}</li>
</ul>
{{/each}}
</template>
如果这没有意义,最好先完成Blaze教程的前几个步骤。
您可能还想查看一下大火文档,特别是#each ... in ...
- http://blazejs.org/guide/spacebars.html#Each-in