【发布时间】:2015-01-19 16:20:13
【问题描述】:
我正在做我的第一个 Meteor 应用程序,但在使用 Iron 路由器时遇到了一些导航问题。每次,我从签名模板中单击登录按钮,它都不会将我重定向到主页模板。单击签名按钮后,浏览器会显示一个带有问号的网址(http://localhost:3000/?)。奇怪的是,当我在浏览器中单击后退按钮后,它会将我带到带有 URL:http://localhost:3000/home 的主页。我无法理解为什么会这样。请帮我找出我做错了什么。
在router.js文件中,我写了:
Router.configure({
layoutTemplate: 'layout',
});
Router.map(function() {
this.route('/home',function()
{
this.render('home');
});
this.route('/',function()
{
this.render('signin');
});
});
布局文件如下所示:
<template name="layout">
<div>
{{>header}}
</div>
<div>
{{>yield}}
</div>
<div>
{{>footer}}
</div>
</template>
登录模板文件如下所示:
<template name="signin">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<div class="account-wall">
<h1 class="text-center login-title">Sign in to continue</h1>
<form class="form-signin">
<input type="text" class="form-control" placeholder="Email" required autofocus>
<input type="password" class="form-control" placeholder="Password" required>
<button class="btn btn-lg btn-primary btn-block" type="submit">
Sign in</button>
<label class="checkbox pull-left">
<input type="checkbox" value="remember-me">
Remember me
</label>
<a href="#" class="pull-right need-help">Need help? </a><span class="clearfix"></span>
</form>
</div>
<a href="#" class="text-center new-account">Create an account </a>
</div>
</div>
</div>
</template>
主页模板如下:
<template name="home">
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
</div>
</template>
Signin.js 文件代码如下:
if (Meteor.isClient)
{
console.log("Sign In JS");
Template.signin.helpers({
});
Template.signin.events({
'submit': function(event, template) {
// alert("My button was clicked!");
Router.go('home');
}
});
}
【问题讨论】:
标签: iron-router meteorite