如何将 Meteor 与 Jade、Flow Router 和 Blaze 一起使用?
How to use Meteor with Jade, Flow Router and Blaze?
我正在尝试让 Jade 与 Meteor 的 Flow Router 和 Blaze 一起工作。不知何故,它对我不起作用。我很确定这只是一些我没有注意到的小东西。
HTML 版本的 home.jade 和 layout.jade 文件给出了正确的工作结果。
根据this的说法,曾经有一个问题,但是在mquandalle:jade的0.2.9版本中解决了。
$流星列表
blaze 2.1.2 Meteor Reactive Templating library
kadira:blaze-layout 2.0.0 Layout Manager for Blaze (works well with FlowRou...
kadira:flow-router 2.3.0 Carefully Designed Client Side Router for Meteor
meteor-platform 1.2.2 Include a standard set of Meteor packages in your...
mquandalle:jade 0.4.3 Jade template language
layout.jade
template(name="layout")
+Template.dynamic(template="main")
home.jade
template(name="home")
p Looks like working!
routes.js
FlowRouter.route('/', {
name: 'home',
action: function() {
BlazeLayout.render('layout', {main: 'home'});
}
});
结果:
<body>
<div id="__blaze-root">
</div>
</body>
事实上,这只是一个微妙的细节问题:您不应在布局模板中的 main
参数周围使用引号:
template(name="layout")
+Template.dynamic(template=main)
我正在尝试让 Jade 与 Meteor 的 Flow Router 和 Blaze 一起工作。不知何故,它对我不起作用。我很确定这只是一些我没有注意到的小东西。
HTML 版本的 home.jade 和 layout.jade 文件给出了正确的工作结果。
根据this的说法,曾经有一个问题,但是在mquandalle:jade的0.2.9版本中解决了。
$流星列表
blaze 2.1.2 Meteor Reactive Templating library
kadira:blaze-layout 2.0.0 Layout Manager for Blaze (works well with FlowRou...
kadira:flow-router 2.3.0 Carefully Designed Client Side Router for Meteor
meteor-platform 1.2.2 Include a standard set of Meteor packages in your...
mquandalle:jade 0.4.3 Jade template language
layout.jade
template(name="layout")
+Template.dynamic(template="main")
home.jade
template(name="home")
p Looks like working!
routes.js
FlowRouter.route('/', {
name: 'home',
action: function() {
BlazeLayout.render('layout', {main: 'home'});
}
});
结果:
<body>
<div id="__blaze-root">
</div>
</body>
事实上,这只是一个微妙的细节问题:您不应在布局模板中的 main
参数周围使用引号:
template(name="layout")
+Template.dynamic(template=main)