从 DOM 中删除后重新渲染/交换模板

Question

目前我有以下布局：

<div id="main">
    {{> my_template}} 
</div>

现在稍后我有一个选择器$("#main") 并使用html(..) 更改内容以显示集合中的记录。

所以现在可能是这样的：

<div id="main">
    <h1>A title...</h1>
    <p>some text</p>
</div>   

或者可能是这样（如果我知道的话）：

<div id="main">
    {{> another_template}} 
</div>

这样做的正确方法是什么，以便我可以将我的 my_template 重新渲染/替换为其他模板？我必须使用Meteor.render 吗？我该怎么做？

编辑：
我需要对仅具有 HTML 且没有响应式模板变量的模板进行此操作的更多说明。如何使用Session 启用/禁用它？

<template name="newForm">
    <form>
        <input..>
        <textarea..></textarea>
        <!-- more fields.. -->        
    </form> 
</template>

我将如何使用Template.newForm 来隐藏它？在这种情况下我还应该使用Template 吗？

Answer 1

您可以将所有备用模板并排放置：

<div id="main">
    {{> my_template}} 
    {{> another_template}}
    {{> yet_another_template}}
</div>

只需确保在您的代码中一次只显示其中一个。例如：

Template.my_template = function() {
  if (Session.equals("template_to_show", "my_template")) {
    return SomeCollection.find();
  }
}
Template.another_template = function() {
  if (Session.equals("template_to_show", "another_template")) {
    return SomeOtherCollection.find();
  }
}
// etc