在我的meteor.js应用程序中,有些页面有侧边菜单,有些页面没有。这是我的layout.html
<template name="layout">
<div class="container">
{{> header}}
<div id="main" class="col-md-3">
{{> yield region="sidenavigation"}}
</div>
<div id="main" class="col-md-9">
{{> yield}}
</div>
</div>
</template>
假设我有x模板有侧边菜单,y模板没有侧边菜单。当我渲染x模板时,一切都很好。但是当我渲染y模板时,因为它没有侧边菜单,所以内容会被推到右边。我怎么解决这个问题?谢谢。
答案 0 :(得分:2)
在要显示侧边菜单的模板或页面中使用{{#tentFor region =&#39;&#39;}}
例如
<template name="yourtemplatename">
{{#contentFor region="sidenavigation"}}
..
...
....
{{/contentFor}}
</template>
示例https://github.com/EventedMind/meteor-building-an-application-with-meteor-and-iron-router