Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript MeteorJS模板占位符_Javascript_Meteor_Template Engine - Fatal编程技术网

Javascript MeteorJS模板占位符

Javascript MeteorJS模板占位符,javascript,meteor,template-engine,Javascript,Meteor,Template Engine,我刚开始使用MeteorJS/Iron Router/Blaze,我正在尝试找出如何为模板设置占位符 我有一个菜单和一个页脚,这将只改变部分,但他们之间的主要内容应该是基于当前路线。重点是我需要某种指针,比如角度“ng视图” 例如 也许我对meteorjs模板的理解有问题,我只是基于角度模板来解决这个问题。我不确定我是否明白你的问题,但这里有一个答案: 您可以使用{{>yield}标记来实现这一点。它将定义一个动态区域,显示与当前路线对应的视图 您还可以像以前一样为整个应用程序“设计”布局,例如

我刚开始使用MeteorJS/Iron Router/Blaze,我正在尝试找出如何为模板设置占位符

我有一个菜单和一个页脚,这将只改变部分,但他们之间的主要内容应该是基于当前路线。重点是我需要某种指针,比如角度“ng视图”

例如


也许我对meteorjs模板的理解有问题,我只是基于角度模板来解决这个问题。

我不确定我是否明白你的问题,但这里有一个答案:

您可以使用
{{>yield}
标记来实现这一点。它将定义一个动态区域,显示与当前路线对应的视图

您还可以像以前一样为整个应用程序“设计”布局,例如
layout.html

<template name="layout">
  <div class="container">
  <header class="navbar">
    <div class="navbar-inner">
      <a class="brand" href="{{pathFor 'home'}}">My app</a>
    </div>
  </header>
  <div id="main" class="row-fluid">
    {{> yield}}
  </div>
  </div>
</template>
您可能会注意到我在布局中使用了
{{pathFor'home}}
。Iron Router允许您使用路由“名称”,因此,如果您更改URL,它不会做任何事情


我建议你读一本很棒的书,叫做

就是这样,我并没有考虑“组合”模板的最终视图,只是考虑注入模板,这是我的错误。我刚发现更复杂,可能适合我的需要,但你的也适用:)
Router.route('/', function () {

//render some template exactly into placeholder, dont append it to the bottom

});
<template name="layout">
  <div class="container">
  <header class="navbar">
    <div class="navbar-inner">
      <a class="brand" href="{{pathFor 'home'}}">My app</a>
    </div>
  </header>
  <div id="main" class="row-fluid">
    {{> yield}}
  </div>
  </div>
</template>
Router.configure({
  layoutTemplate: 'layout'
});

    // Then just define your routes

Router.map(function() {
  this.route('home', {path: '/'});
});