流星：模板中的动态图像

Question

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

模板

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

帮手

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

如您所见，src-url存储在集合文档中，我总是选择集合的最新文档。

但是，如果我在该集合中插入新文档，则在重新加载页面之前不会发生任何事情。

Answer 1

MongoDb游标是反应性的，而不是数据本身。 在您的助手中，您基本上是使用findOne()从数据库中fetching一个文档。 findOne()获得一个文档并关闭光标。 您可以尝试使用find()进行limit并使用Blaze的#each属性在dom中显示它。

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

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