在 Meteor Blaze 上订阅准备就绪时加载功能？

Question

我在我的项目中使用 Meteor 和 blaze，我想在 Meteor 模板中调用 JavaScript 函数。更准确地说，我当然使用了发布者订阅者，但是当我订阅以从 mongo DB 中检索信息时，我希望触发一个函数。

事实上，我检索数据，但它处理“真”或“假”之类的行数据，我想根据数据结果调用一个影响不同属性的函数。

例如，如果我的 db 的元素设置为“true”，当订阅准备就绪时（或在我的页面加载后），它将用绿色矩形替换“true”。

为此，我想知道我们是否可以使用

Template.devicesConfiguration.onCreated(function(){
var self = this;
self.autorun(function(){
    self.subscribe('Buttons');

    //call a javascript function that uses the result of the db

    });
});

或在

Template.devicesConfiguration.helpers({
    buttons:()=>{   

        //call a javascript function that uses the result of the db

        return ButtonsCollection.find({}); 

    }

});

甚至是一种方法？

有人有想法吗？多谢 ！

Answer 1

我会选择订阅，然后是简单的辅助函数：

Template.devicesConfiguration.onCreated(function () {
    Meteor.subscribe('Buttons'); // Subscribe to your buttons
});

Template.devicesConfiguration.helpers({
    // Will return a "transformed" array of all the Buttons in collection
    buttons(){
        return ButtonsCollection.find({}) // Find all buttons
                                .map(button => {
                                    // Do something with button object
                                    // Like check true / false and change rectangle color
                                })
    }
});

我只是订阅模板创建的数据。

然后我注册一个buttonshelper，它从集合中返回数据，但在返回之前对数据执行转换（映射函数）。

然后您可以在模板中使用{{#each button in buttons}} 来循环数据并显示每个按钮。

Answer 2

Template.devicesConfiguration.helpers({
    buttons() {
        return ButtonsCollection.find({}).map(button => {
            if(button.value === true) button.className = 'green';
            else button.className = 'red'; 
        })
    }
});

在模板中类似于：

{{#each button in buttons}}
    <button class={button.className}>{button.name}</button>
{{/each}}

已经有一段时间没有写任何 Blaze 了，但我希望你能明白。