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