javascript - Meteor:模板中的动态图像

Question

是否可以创建带有动态加载图像的模板？

模板

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

helper

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

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

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

Answer 1

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

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

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