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

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

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

Best way to render a route between two static meteor templates?

javascript

templates

meteor

iron-router