javascript - Meteor JS - 如何将服务器方法与模板中进行的某些操作连接起来？

Question

这个问题已经有答案了:

How to use Meteor methods inside of a template helper (6 个回答)

已关闭 8 年前。

基本思想是遍历一个文件夹，读取里面的所有文件，获取它们的名称并将它们作为页面列表插入到某个 html 模板中。

迭代没问题，但插入对我来说比较困难。

我的代码(仅基本逻辑):

<小时/>

模板(template.html)

<template name="myTemplate">
    <p>{{myHelper}}</p>
</template>

<小时/>

脚本(main.js)

if (Meteor.isServer) {

    Meteor.methods({
        myMethod: function(){
            console.log("Hello");
            return "Hi";
        }
    })
}


if (Meteor.isClient) {

    Template.myTemplate.helpers({
        myHelper: function(){    
            Meteor.call("myMethod");    
        }
    })
}

<小时/>

通过这些操作，我只能在服务器控制台中获得以下输出:

"Hello"

我的模板包含一个空的 <p>标签 - 我期望这个:<p>Hi</p> .

所以我的问题是如何从 myMethod 获取返回值在模板中？如果这可行，我会将这个逻辑应用到迭代中。或者，有没有更好的方法来完成这一切？

Answer 1

正如 ilrein 答案的评论中提到的 - Meteor.call(...) 的返回值始终是 undefined 因为它是异步的。您需要在模板的 onCreated 回调中设置一个 react 变量，并从那里调用 Meteor 方法。

要添加 ReactiveVar 包:在终端中运行:meteor addreactivevar

在您的代码中，您需要类似以下内容:

Template.myTemplate.onCreated(function() {
    var self = this;
    self.myMethodResult = new ReactiveVar('');
    Meteor.call('myMethod', {...some params...}, function (err, result) {
        if (err) {
            // handle the error
        } else {
            self.myMethodResult.set(result);
        }
    });
});

Template.myTemplate.helpers({
    myHelper: function () {
        return Template.instance().myMethodResult.get()
    }
});

如果其中有任何拼写错误，我深表歉意，我从 CoffeeScript 进行了快速翻译，因此可能需要一些编辑...