如何在meteor.helper中等待计算,直到由于template.autorun中的依赖项更改而重新计算?

时间:2016-01-23 09:50:26

标签: javascript meteor meteor-helper meteor-tracker

当反应变量发生变化时,我总是收到此错误:

Exception in template helper: Error: $in needs an array
    at Error (native)
    at Object.ELEMENT_OPERATORS.$in.compileElementSelector (http://localhost:3000/packages/minimongo.js?cdf1a26cf7719fa9471a8017c3defd5aea812727:1827:15)
    at http://localhost:3000/packages/minimongo.js?cdf1a26cf7719fa9471a8017c3defd5aea812727:1509:19
    at Function._.each._.forEach (http://localhost:3000/packages/underscore.js?46eaedbdeb6e71c82af1b16f51c7da4127d6f285:157:22)
    at operatorBranchedMatcher (http://localhost:3000/packages/minimongo.js?cdf1a26cf7719fa9471a8017c3defd5aea812727:1489:5)
    at compileValueSelector (http://localhost:3000/packages/minimongo.js?cdf1a26cf7719fa9471a8017c3defd5aea812727:1393:12)
    at http://localhost:3000/packages/minimongo.js?cdf1a26cf7719fa9471a8017c3defd5aea812727:1372:9
    at Function._.each._.forEach (http://localhost:3000/packages/underscore.js?46eaedbdeb6e71c82af1b16f51c7da4127d6f285:157:22)
    at compileDocumentSelector (http://localhost:3000/packages/minimongo.js?cdf1a26cf7719fa9471a8017c3defd5aea812727:1355:5)
    at _.extend._compileSelector (http://localhost:3000/packages/minimongo.js?cdf1a26cf7719fa9471a8017c3defd5aea812727:1332:12)

我怀疑罪魁祸首是w(反应变量)

看看这个:

Template.cList.onCreated(function(){
  var self = this;
  self.d = new ReactiveVar()
  self.w = new ReactiveVar()
  self.autorun(function() {
    var b = A.findOne(Pi());
    if (b && b.array) {
      var h = Subs.subscribe('B', b.array)
      self.d.set(h.ready()) // is subscription ready?
      self.w.set(b.array)
    }
  });
});

Template.cList.helpers({
  cLists: function () {
    if (Template.instance().d.get() && Template.instance().w.get()) {  // run only when d and w is ready
      return B.find({_id: {$in:Template.instance().w.get()}}, {fields: {title:1, src:1}});
    }
  }
});

让我们一步一步细分......

  1. 第一次没有错误
  2. 当我更改页面时,以下依赖项将更改:Pi()
  3. Autorun将重新运行。
  4. 由于Pi()更改,以下变量将更改:b && b.array && h && self.d.set(h.ready()) && self.w.set(b.array)
  5. 我怀疑在页面更改后立即计算cList而没有等待自动运行重新计算完成,这就是为什么会抛出错误。
  6. 在自动运行完成后重新计算dependendy更改,cLists根据依赖项更改的更改显示正确的列表。用户界面确实没有问题。但是这个警告看起来很脏。
  7. 我想避免上面的警告是在依赖项改变时等待cList。我怎么做?如何在meteor.helper中等待计算,直到由于template.autorun中的依赖项更改而重新计算?

1 个答案:

答案 0 :(得分:1)

罪魁祸首是来自meteorhacks:subs-manager的{​​{1}} ...使用模板订阅更改它将避免错误......

Template.cList.onCreated(function(){
  var self = this;
  self.d = new ReactiveVar()
  self.w = new ReactiveVar()
  self.autorun(function() {
    var b = A.findOne(Pi());
    if (b && b.array) {
      self.subscribe('B', b.array)
      self.w.set(b.array)
    }
  });
});

Template.cList.helpers({
  cLists: function () {
    if (Template.instance().subscriptionsReady() && Template.instance().w.get()) {  // run only when subscription and w is ready
      return B.find({_id: {$in:Template.instance().w.get()}}, {fields: {title:1, src:1}});
    }
  }
});