用铁路由器流星做路线
make route with iron router meteor
我是 meteor 和 iron 路由器的新手。 Iron 路由器示例不是最新的并且无法在 github 上运行。
我只想做一个简单的路线。
这是我的 /client/index.html
<html>
<head>
<title></title>
</head>
<body>
{{> template1OrTemplate2 depending on url}}
</body>
</html>
<template name="template1">
one
</template>
<template name="template2">
two
</template>
我的/lib/router.js:
Router.route('/templateOne', function () {
// renderMyTemplate1 please
});
Router.route('/templateTwo', function () {
// renderMyTemplate2 please
});
怎么可能这么容易找到的东西这么难找?
实际上 iron:router 是 well documented,这和您预想的一样微不足道。
<head>
<title></title>
</head>
<body>
{{> yield}}
</body>
<template name="template1">
one
</template>
<template name="template2">
two
</template>
Router.route('/templateOne', function () {
this.render('template1')
});
Router.route('/templateTwo', function () {
this.render('template2')
});
不过我同意 Keith 关于流路由器的评论。如果您刚刚开始,您可能想改用它。
对于流量路由器:-
确保您已完成...
meteor add kadira:flow-router kadira:blaze-layout
然后
FlowRouter.route('/templateOne', {
action() {
BlazeLayout.render("template1");
}
})
FlowRouter.route('/templateTwo', {
action() {
BlazeLayout.render("template2");
}
})
使用布局,你会做类似的事情
<template name="layout">
<div>My App</div>
{{>Template.dynamic template=content}}
</template>
然后
FlowRouter.route('/templateOne', {
action() {
BlazeLayout.render("layout", {content:"template1"});
}
})
我是 meteor 和 iron 路由器的新手。 Iron 路由器示例不是最新的并且无法在 github 上运行。 我只想做一个简单的路线。 这是我的 /client/index.html
<html>
<head>
<title></title>
</head>
<body>
{{> template1OrTemplate2 depending on url}}
</body>
</html>
<template name="template1">
one
</template>
<template name="template2">
two
</template>
我的/lib/router.js:
Router.route('/templateOne', function () {
// renderMyTemplate1 please
});
Router.route('/templateTwo', function () {
// renderMyTemplate2 please
});
怎么可能这么容易找到的东西这么难找?
实际上 iron:router 是 well documented,这和您预想的一样微不足道。
<head>
<title></title>
</head>
<body>
{{> yield}}
</body>
<template name="template1">
one
</template>
<template name="template2">
two
</template>
Router.route('/templateOne', function () {
this.render('template1')
});
Router.route('/templateTwo', function () {
this.render('template2')
});
不过我同意 Keith 关于流路由器的评论。如果您刚刚开始,您可能想改用它。
对于流量路由器:-
确保您已完成...
meteor add kadira:flow-router kadira:blaze-layout
然后
FlowRouter.route('/templateOne', {
action() {
BlazeLayout.render("template1");
}
})
FlowRouter.route('/templateTwo', {
action() {
BlazeLayout.render("template2");
}
})
使用布局,你会做类似的事情
<template name="layout">
<div>My App</div>
{{>Template.dynamic template=content}}
</template>
然后
FlowRouter.route('/templateOne', {
action() {
BlazeLayout.render("layout", {content:"template1"});
}
})