流星：模板中的動態圖像

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}}