MeteorJs模板条件显示不同的模板

时间:2015-05-04 22:46:47

标签: javascript meteor iron-router meteor-helper

我有一个meteorjs默认布局文件,我使用铁路线路由到不同的页面,我想要做的是不在主页上显示导航。我可以通过使用两个单独的文件来完成此操作,但我想用单个文件执行此操作。

<template name="layout">

    <head>
        <title>
            {{title}}
        </title>
    </head>
    <body>

        {{> navigation }}

        <div class="nav_padding">
            {{> yield}}
        </div>


        {{> footer}}

    </body>

    </template>

我的路线

    Router.route('/', function(){
        this.layout('homeLayout');
        this.render('home', {
            data:{title: 'some'}
        });
    });

1 个答案:

答案 0 :(得分:2)

有几种方法可以做到这一点,但这是一个简单的解决方案......

在布局模板中添加一个帮助器,指示是否应根据路径名称显示导航:

Template.myLayout.helpers({
  showNav: function() {
    return Router.current().route.getName() !== 'home';
  }
});

修改模板以有条件地显示navigation模板:

<template name="myLayout">
  {{#if showNav}}
    {{> navigation }}
  {{/if}}
  <div class="nav_padding">
    {{> yield}}
  </div>
  {{> footer}}
</template>

为了使您的路线为named,您可能需要将路线修改为以下内容:

Router.route('/', {
  name: 'home',
  template: 'home',
  layoutTemplate: 'myLayout',
  data: {title: 'some'}
});