流星删除功能不适用于集合
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">×</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">×</button></li>
</template>
您的 removeAction 事件侦听器应该如下所示。
Template.newsPost.events({
'click .removeAction': function(e, a) {
News.remove(this._id);
}
});
我正在练习 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">×</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">×</button></li>
</template>
您的 removeAction 事件侦听器应该如下所示。
Template.newsPost.events({
'click .removeAction': function(e, a) {
News.remove(this._id);
}
});