Meteor教程不会更新MongoDB

Meteor tutorial doesn't update MongoDB

本文关键字:更新 MongoDB 教程 Meteor      更新时间:2023-09-26

IM正在尝试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;
    } 
  });
}

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

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

您是否在浏览器的 JavaScript 控制台中收到错误?