【问题标题】:Iron router issue in meteor application流星应用程序中的铁路由器问题
【发布时间】: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


    【解决方案1】:

    我的情况是你必须使用path Router.go("/home")

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-09-03
      • 1970-01-01
      • 2015-08-11
      • 1970-01-01
      • 2016-01-22
      • 1970-01-01
      • 1970-01-01
      • 2014-09-07
      相关资源
      最近更新 更多