我的流星路由有什么问题？

Question

我在 http://localhost:3000/connectSubmit 上的简单表格：

<template name="connectSubmit">
   <form>
     <input type="email" class="testf form-control" id="email" placeholder="Email here"><br>  
    <input type="submit" value="Submit" class="submit btn btn-primary"/>
  </form>
</template>

connect_submit.js:

Template.connectSubmit.events({
    'submit form': function(e) {
        Router.go('index');
    }
  });

router.js:

Router.configure({
  layoutTemplate: 'layout',
});

Router.map(function() {
  this.route('index', {path: '/'})
  this.route('/connectSubmit')
});

Index.html:

<template name="index">
      <a href="/connectSubmit" class="btn btn-default">Connect</a>
</template>

当我提交表单时，url 是：http://localhost:3000/connectSubmit？并且没有将我重定向到索引页面

Answer 1

当您在 HTML 中提交表单时，默认行为将发出 HTTP POST 请求并重新加载页面，打破单页网络应用体验，您需要做什么正在阻止这种默认行为发生：

Template.connectSubmit.events({
  'submit form': function(e) {
    e.preventDefault();
    Router.go('index');
  }
});

Answer 2

是的，您需要阻止默认代码

Template.ConnectSubmit.events 'submit form': (e, tmpl) -> e.preventDefault() Router.go 'home'

这是你的答案link http://anwerforbartezr.meteor.com/

和

答案代码 https://github.com/codepawn/stack_over_flow/tree/master/anwer_0

祝你有美好的一天:)

我的流星路由有什么问题？

Whats wrong with my meteor routing?

javascript

meteor

iron-router