【问题标题】:Meteor tutorial doesn't update MongoDBMeteor 教程不更新 MongoDB
【发布时间】:2014-11-18 01:48:16
【问题描述】:

我正在尝试 Meteor ToDo-list 教程,但我有一个问题,我有一个表单,我应该能够将值插入数据库,但它不起作用。当我按下回车键时,什么也没有发生。

这是我的html:

<head>
  <title>Todo list</title>
</head>

<body>
    <div class="container">
        <header>
            <h1>Tee asjad ära!</h1>
        <form class="new-task">
          <input type="text" placeholder="Type to add new tasks" />
        </form>
    </header>

        <ul>
        {{#each tasks}}
            {{> task}}
            {{/each}}
        </ul>
    </div>
</body>

<template name="task">
<li>{{text}}</li>
</template>

这是 .js 文件:

Tasks = new Mongo.Collection("tasks");

if (Meteor.isClient) {
//see kood jookseb ainult kliendipoolel
  Template.body.helpers({
     tasks: function () {
      return Tasks.find({});
    }
  });

  Template.body.events({
    "submit .new-task": function (event) {
      var text = event.target.text.value;
      Tasks.insert({
        text: text,
        createdAt: new Date()

      });

      event.target.text.value = "";
      return false;
    } 
  });
}

当我从命令行向数据库输入值时,它工作正常。

【问题讨论】:

  • console.log(event.target.text.value) 是否返回正确的值?以及如何提交此表单?

标签: javascript mongodb meteor


【解决方案1】:

您的输入缺少name="text",这是允许您通过event.target.text.value 访问值的属性。

您的浏览器中的 JavaScript 控制台是否出现错误?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-23
    相关资源
    最近更新 更多