javascript - 如何创建一个等待另一个模板的 onRendered 事件的方法？

Question

我正在使用 ionic 框架包，并且我有一个侧边栏类。有一个名为 ionSideMenu.snapper 的类，查看源代码，该类是在呈现 ionSideMenuContainer 模板时定义的，因此我通过执行以下操作来解决该问题:

import {Template} from "meteor/templating";
import {ReactiveField} from "meteor/peerlibrary:reactive-field";

export const Snapper = new ReactiveField(false);

// now when the side menu is rendered, `IonSideMenu.snapper` should be defined.
Template['ionSideMenuContainer'].onRendered(() => Snapper(IonSideMenu.snapper));

但是，我想在 Sidebar 类上创建一个静态方法，该方法将等待定义 Snapper，然后运行 ​​disabled 函数。

export class Sidebar extends BlazeComponent {
  static disable() {
    // await the snapper to be defined
    Snapper().disable();
  }
}

如何完成这个等待函数，以便我可以从任何其他模板调用它，并且它在渲染时会禁用？

Answer 1

相信我已经找到答案了。如果有人需要的话发布它。

import {Tracker} from "meteor/tracker";

// ...
class Sidebar extends BlazeComponent {
  static _awaitSnapperReady(callback) {
    Tracker.autorun(c => {
      const snapper = Snapper();
      if (snapper) {
        callback(snapper);
        c.stop();  // end the current computation.
      }
    });
  }
  static disable() {
    Sidebar._awaitSnapperReady(snapper => snapper.disable());
  }
}