meteor - 在 meteor 中动态插入模板

Question

好的，我已经将模板保存在自己的名为myApp.html的文件中。我的模板代码如下

<template name="initialInsertion">
  <div class="greeting">Hello there, {{first}} {{last}}!</div>
</template>

现在，我想在单击按钮时将此模板插入DOM。我已经在DOM中呈现了按钮，并且有一个与之相关的click事件，如下所示

Template.chooseWhatToDo.events = {
  'click .zaButton':function(){
     Meteor.ui.render(function () {
       $("body").append(Template.initialInsertion({first: "Alyssa", last: "Hacker"}));
     })
  }
}

现在显然$(“body”)。append部分是错误的，但是返回Template.initialInsertion ...不会将该模板插入DOM。我已经尝试过放置{{> initialInsertion}}的派对，但这只是出错了，因为我还没有第一套和最后一套...有什么线索吗？
谢谢你们

Answer 1

首先是最后进入Meteor.Collection吗？

如果没有，我知道的最简单的方法是将数据放入 session 中:

Template.chooseWhatToDo.events = {
    'click .zaButton' : function () {
         Session.set('first', 'Alyssa');
         Session.set('last', 'Hacker');
    }
}

然后，您将定义:

Template.initialInsertion.first = function () {
  return Session.get('first');
}

Template.initialInsertion.last = function () {
  return Session.get('last');
}

Template.initialInsertion.has_name = function () {
  return Template.initialInsertion.first() && Template.initialInsertion.last();
}

最后，如下调整您的.html模板:

<template name="initialInsertion">
    {{#if has_name}}
        <div class="greeting">Hello there, {{first}} {{last}}!</div>
    {{/if}}
</template>

这是与您的问题完全相反的解决方案，但看起来像“ meteor 之路”。 (基本上，不必担心自己操纵DOM，只需要拥抱 session ，集合和模板系统即可。)顺便说一句，我对Meteor还是陌生的，所以如果这不是“Meteor方式”，请有人告诉我:-)