Meteor 如何将一个模板的助手调用到另一个模板助手中？

Question

我有一个搜索工作正常的搜索模板。现在我需要在我的 navbar.js 文件中调用相同的搜索事件。是否可以在我的导航栏模板助手中调用其他模板的助手。

templates\pages\search\search.js 助手

Template.Search.events({

  "keyup #searchFormInput": _.throttle((e, tmpl) => {
    let text = $(e.target).val().trim();
    console.log(text);
    if (text.length)
      ArgSearch.search(text);
  }, 200)

});

Template.Search.helpers({
  'getResults' () {
    return ArgSearch.getData({});
  }
});

模板\共享\导航\navbar.js

试着像这样称呼它

Template.Topnavright.events({

    Template.Topnavright.__helpers.get('Search')();

}); 

Answer 1

一个可能的解决方案是创建一个共享上下文，由两个模板更新和使用：

imports/somewhere/context.js

export const Shared = {
  ArgSearch: ArgSearch,
}

模板\页面\搜索\search.js

import {Shared} from 'imports/somewhere/context.js'

Template.Search.events({

  "keyup #searchFormInput": _.throttle((e, tmpl) => {
    let text = $(e.target).val().trim();
    console.log(text);
    if (text.length)
      Shared.ArgSearch.search(text);
  }, 200)

});

Template.Search.helpers({
  'getResults' () {
    return Shared.ArgSearch.getData({});
  }
});

模板\shared\nav\navbar.js

import {Shared} from 'imports/somewhere/context.js'

Template.Topnavright.events({
  someHelpers () {
    return Shared.ArgSearch.getData({});
  }
}); 

请注意，您还可以使用共享上下文共享 ReactiveVar 或 ReactiveDict 实例，这有点像 Session，但范围有限。