流星删除功能不适用于集合

Meteor remove function doesn't work on a Collection

我正在练习 Meteor,我不明白为什么 MongoDB 集合的删除功能不起作用。 这是我的 html 模板,我在其中创建了一个删除新闻的按钮:

<template name="news">
  <h2>News</h2>
  <form>
    <input type="text" name="title" placeholder="Add some news">
    <button>Add</button>
  </form>
  <ul>
  {{#each News in showNews}}
  <li>{{News.title}}<button class="removeAction">&times;</button></li>
  {{/each}}
</ul>
</template>

这是我的 client.js 文件,我在其中创建了执行删除功能的事件:

Template.news.events({
  'submit form': function(e) {
    e.preventDefault();
    var title = e.target.title.value;
    News.insert({ title: title, createdAt: new Date() });

    e.target.title.value = "";
  },
  'click .removeAction': function(e, a) {
    News.remove(this._id);
  }
});

我真的不明白为什么它不起作用,我尝试了很多更改但没有任何效果,当我单击 "X" 按钮时没有任何反应。

最有可能的问题是 this._id 未定义。我认为你没有以正确的方式使用 blaze。我不是 blaze 用户,但我认为这会起作用。

<template name="news">
  <h2>News</h2>

  <form>
    <input type="text" name="title" placeholder="Add some news">
    <button>Add</button>
  </form>

  <ul>
  {{#each showNews}}
    {{> newsPost}}
  {{/each}}
  </ul>
</template>

<template name="newsPost">
  <li>{{title}}<button class="removeAction">&times;</button></li>
</template>

您的 removeAction 事件侦听器应该如下所示。

Template.newsPost.events({
  'click .removeAction': function(e, a) {
    News.remove(this._id);
  }
});