Question

IM尝试Meteor ToDo列表教程，但我有问题，我有一个表单，我应该能够将值插入数据库，但它不起作用。当我点击时，没有任何反应。

这是我的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;
    } 
  });
}

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

Answer 1

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

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

Meteor教程没有更新MongoDB

1 个答案: