从子模板更新父模板的动态模板包含

Question

我是 Meteor 的新手，需要一些帮助。

我有一个包含侧滑菜单的外部父模板。该侧幻灯片菜单正在使用新的 Blaze 动态模板包含。

<div id="parentTemplate">

   {{>yield}}

   <div class="right-slide-menu">

      {{> UI.dynamic template=rightSideMenu}}

   </div>

</div>

因此，由于我使用的是 Iron-router，当一个新的子模板从 Iron-router 注入“yield”时，右侧菜单需要根据它现在所在的“页面”进行更改。 我试图弄清楚如何从子模板更新父动态模板幻灯片菜单。我可以用 Angular 很容易地做到这一点……但我似乎无法用 Meteor 解决这个问题。

任何帮助将不胜感激！

Answer 1

好的，我确实让这个工作了。我在此博客上找到了解决方案：

http://empire5.com/development/meteor-rendering-a-handlebars-template-with-dynamically-loaded-data/

UI.render 和 UI.insert 已被弃用（尽管它现在仍然有效）所以我将他的说明调整为新的执行方式：

after upgrading to meteor 0.9.1 i keep getting "Warning: Blaze.insert has been deprecated."

所以最终的代码是这样的：

<div id="parentTemplate">

   {{>yield}}

   <div class="right-slide-menu">

      <div class="sideMenu">

        <!-- side menu template gets injected here -->

      </div>

   </div>

</div>

在我的子模板管理器中，我有这个：

Template.dashboard.events({

    'click #showSideMenuBtn' : function(e){
        e.preventDefault();

        // pass in the name of the template you want to inject and 
        // also the parent container you want to inject it into
        Blaze.render(Template.addManagerForm, $('.sideMenu')[0]);

    };

});

Answer 2

使用Session 变量？

Template.parentTemplate.helpers({
  // assuming two templates...
  whichMenu: function () {
    return Session.get('whichMenu') ? 'menuTemplate1' : 'menuTemplate2'
    // or just Session.get('menuTemplate'), and you store the template name there
  }
});

然后

<template name="parentTemplate">
  {{> Template.dynamic template=whichMenu}}
</template>

您可以使用Router.current() 和Session.set('menuTemplate') 相应地获取当前“页面”。