在一个布局铁中渲染多个模板:路由器
Render multiple templates in one layout iron:router
我已经盯着它看了一个小时了,并尽可能多地重新键入了它,但问题是我只在/sites/routing上看到了"社交"模板。
在流星客户端,我正在运行以下代码(使用iron:router)
Router.configure({
layoutTemplate: 'ApplicationLayout'
});
Router.route('/', function () {
this.render('welcome', {to:"main"});
});
Router.route('/sites/', function () {
this.render('social', {to:"main"});
this.render('websiteaddform', {to:"top"});
});
在HTML方面,这里是布局模板:
<template name="ApplicationLayout">
<header>
{{>yield top}}
</header>
{{>yield main}}
</template>
绝对没有任何明显的错误,即模板中的打字错误,任何建议都非常感谢!
这保持不变:(在客户端和服务器的Lib文件夹中的router.js中)
Router.configure({
layoutTemplate: 'ApplicationLayout'
});
Router.route('/', function () {
this.render('welcome', {to:"main"});
});
Router.route('/sites/', function () {
this.render('social', {to:"main"});
this.render('websiteaddform', {to:"top"});
});
这里你忘记了"引号"(在applicationlayout.html文件夹/客户端中)
<template name="ApplicationLayout">
<header>
{{>yield "top"}}
</header>
{{>yield "main"}}
</template>
为了完成它,我添加了一个示例模板:(文件夹/client/templates中的文件templates.html)
<template name="welcome">
welcome
</template>
<template name="social">
social
</template>
<Template name="websiteaddform">
websiteaddform
</Template>
相关文章:
- 如何建立一个网页,检查我的路由器网络接口是否可以访问
- 在Angular ui路由器中,如何将事件从一个视图发送到另一个视图
- React Router一直给我一个警告:你不能更改<路由器路由>
- 制作一个高阶组件,用TypeScript实现反应中继和反应路由器的交互操作
- 将路由器配置放在Aurelia中的一个单独文件中
- iron路由器将参数添加到字符串中,并添加一个查询
- 如何停止Angular UI路由器将可选参数从一个路由传递到完全不同的路由
- Requirejs+Backbone.js:类型错误:Can't在路由器中传递-路由器不是一个函数
- Angular ui路由器:如何阻止访问一个状态
- Angular 2:在另一个组件上定义一个路由器,而不是引导的
- 使用ui路由器在URL路由中创建一个必需的参数
- 如何使用铁路由器用一个路由控制器渲染多个模板
- 流星铁路由器 - 如何等待(使用加载模板)一个会话.get
- 在一个控制器 ui 路由器中的所有 $state.go() 事件之前运行 check
- EmberJS - 每个页面都有一个没有路由器的控制器链接
- 在骨干路由器的一个操作中绑定多个视图
- 铁路由器流星只发布一个收藏中的一个项目
- 如何从视图将操作从一个控制器/路由器发送到另一个控制器/路由器
- 角度 UI 路由器 - 在没有参数的情况下从一个状态转换到同一状态失败
- 在不同文件中声明路由器时,不会触发一个路由器