流星表单事件没有通信

Meteor form event no communication

本文关键字：通信 事件 表单 流星      更新时间：2023-09-26

我正在玩流星教程，我注意到我无法从表单提交事件获得任何反馈;会话变量没有被设置为12，我没有得到任何打印到浏览器中的控制台(我使用Chrome)。然而，我确实得到反馈从hello点击按钮事件的日志和会话变量的变化。

    if (Meteor.isClient) {
    // counter starts at 0
    Session.setDefault('counter', 0);
    Session.setDefault('data', 0);
  Template.hello.helpers({
    counter: function () {
      return Session.get('counter');
    }
  });
  Template.hello.events({
    'click button': function (event) {
      // increment the counter when button is clicked
      console.log("Button Clicked");
      console.log(event.type);
      Session.set('counter', Session.get('counter') + 1 );
    }
  });
  Template.form.events({
    'sumbit form': function (event) {
      event.preventDefault();
      console.log("Form submitted");
      console.log(event.type);
      Session.set('data', 12);      
    }
  });

  Template.results.helpers({
    result: function () {
    return Session.get('data');
    }});
}
if (Meteor.isServer) {
  Meteor.startup(function () {
    // code to run on server at startup });
}

这是html。

<head>
  <title>simple-todos</title>
</head>
<body>
  <h1>Welcome to my First Meteor App</h1>
  {{ >form }}
  {{ >results }}
  {{ >hello }}
</body>
<template name="hello">
  <button>Click Me</button>
  <p>You've pressed the button {{counter}} times.</p>
</template>
<template name="form">
     <form >
        <input type="text"  name = "info" placeholder="" /> 
    </form>
</template>
<template name="results">
  <p> {{ result }} </p>
</template>

可能是这个错误类型?

Template.form.events({
   'submit form': function (event) {
      ...
   }
});
相关文章：