在两个静态流星模板之间呈现路线的最佳方法？

Question

我有一个{{> staticFooter}}模板和一个{{> staticHeader}}模板。 我想知道是否存在一种很好的方法来在每个使用iron：router导航到的页面的这两个模板之间进行渲染。

{{> staticHeader}}
   RENDER Iron:Router STUFF HERE
{{> staticFooter}}

Answer 1

创建一个模板，将其用作所有页面的布局。

<template name="MasterLayout">
  <div id="wrapper">
    <!-- Page wrapper -->
    <div id="page-wrapper"> 
        <!-- Header -->
        {{> staticHeader }}

        <!-- Main view  -->
        {{> yield}}

        <!-- Footer -->
        {{> staticFooter }}

    </div>
    <!-- End page wrapper-->

  </div>
  <!-- End wrapper-->
</template>

配置路由器以将此模板用作默认布局：

Router.configure({
  layoutTemplate: 'MasterLayout'
});

为每个页面创建模板：

<template name="Content">
  <div>
    <p>Render Iron:Router STUFF HERE</p>
  </div>
</template>

为每个页面创建一条路线：

Router.route('/', function(){
   this.render('Content'); // Render the Content template into the 'main' yield region
});