Question

我有{{＆gt; staticFooter}}模板和{{＆gt; staticHeader}}模板。我想知道是否存在一种在我使用铁的每个页面的这两个模板之间进行渲染的好方法：路由器导航到。

{{> 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
});

在两个静态流星模板之间渲染路径的最佳方法是什么？

1 个答案: