如何将异步值返回到 Meteor 中的模板

Question

我的 Meteor 应用程序中有一个辅助函数，如下所示

Template.items.helpers({
  data: function () {
    return Template.instance().myAsyncValue.get();
  }
});

Template.items.created = function (){
  console.log('template created')
  var self = this;
  self.myAsyncValue = new ReactiveVar("Waiting for response from server...");

  Meteor.call('get_itemes', function (err, asyncValue) {
    if (err)
      console.log(err);
    else
      self.myAsyncValue.set(asyncValue);
      console.log('asyncValue'+asyncValue);
  });

}

Template.items.rendered = function() {
  console.log('template rendered')
};

我基本上是在尝试将这些数据发送到模板进行显示。在我的 get_items 函数中，我正在对 Parse 进行异步调用，以检索一些对象。我查看了this 的帖子，但我仍然不清楚在流星中将异步数据返回到模板的首选方法是什么。

这是我的 get_items 函数

  get_items: function() {
    var Item = Parse.Object.extend("Item");
    var query = new Parse.Query(Item);
    query.find({
      success: function(results) {
        console.log("Successfully retrieved " + results.length + " scores.");
        console.log(results);
        return results

      },
      error: function(error) {
        console.log("Error: " + error.code + " " + error.message);
        return error;
      }
    });
  }

即使我在调用 parse 的异步函数中记录成功，它似乎并没有返回到反应变量，我实现这个错误吗？

Answer 1

您可以将其保存到本地空集合并使用{{#each}}{{/each}}。例如：

Items = new Mongo.Collection(null);

Template.items.onCreated(function () {
  Meteor.call('myMethod', function (err, results) {
    if (!err) {
      results.forEach(function (item) {
        Items.insert(item);
      })
    }
  });
});

Template.items.helpers({
  items: function () {
    return Items.find();
  }
});

然后使用 each。

{{#each items}}
  {{ value }}
{{/each}}