流星:模板中的动态图像

时间:2016-05-15 11:11:23

标签: javascript meteor

是否可以使用动态加载图像创建模板?

模板

<template name="example">
    <img src="{{src}}">
</template>

辅助

Template.example.helpers({
    src: function() {
        return Collection.findOne({}, { sort: { timestamp: -1 }}).url;
    }
});

正如您所看到的,src-url存储在集合文档中,我总是选择该集合的最新文档。

但是如果我在该集合中插入一个新文档,那么在重新加载页面之前没有任何事情发生。

1 个答案:

答案 0 :(得分:1)

MongoDb游标不是数据本身的反应。在您的帮助程序中,您使用fetching基本上findOne()来自数据库的一个文档。 findOne()获取一个文档并关闭光标。您可以使用find()尝试limit,并使用Blaze的#each属性在dom中显示。

Collection.find({}, {limit:1 , sort: { timestamp: -1 }});

{{#each src }}
    <img src="{{src.url}}">
{{/each}}