显示时，流星数据会保持堆叠

Question

我正在开展一个学校项目，我可以使用流星在线发布图像。 我能够发布图像并显示数据，但它会保持堆叠到其他图像。有什么可以解决这个问题吗？这是图片：

这是显示数据的代码：

<template name="posts">
{{#if currentUser}}
<div class="grid">
    <div class="grid-sizer"></div>
    {{#each postList}}
    <div class="grid-item">
        {{updateMasonry}}
        <img src="{{this.url}}">
        {{#each postData}}
            {{this.username}}
            <br>
            {{this.message}}
            <br>
            {{this.createdAt}}
        {{/each}}
    </div>
    {{/each}}
</div>
{{/if}}

Answer 1

我认为你想要把它变成另一个模板。您拥有可以保存图片+评论的较大帖子模板，然后您可以为每张图片制作新模板。

为每个图片帖子设置单独的模板

<template name="images">
<div>
    <img src="{{url}}"/>
    {{#each postData}}
        {username}}
        <br/>
        {{message}}
        <br/>            
        {{createdAt}}
    {{/each}}
</div>
</template>

您可以将数据传递到模板中，您只能拉取已经用于该图像的postData，而不是将所有内容混杂到1个模板中。 以上述方式拆分模板并将数据正确传递到每个图像帖子而不是将所有内容分组到1个模板中，这可能是最佳做法。

https://www.discovermeteor.com/blog/a-guide-to-meteor-templates-data-contexts/