Meteor 刪除 function 不適用於集合

Question

我正在練習 Meteor 並且我不明白為什么刪除 MongoDB 集合的 function 不起作用。 這是我的 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 文件，我在其中創建了執行刪除 function 的事件：

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”按鈕時沒有任何反應。

Answer 1

最有可能的問題是 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);
  }
});