我正在尝试实现一个基本的实时搜索栏,所以我有一个事件听取任何键盘:
'keyup input.search-query': function (evt) {
Session.set("search-query", evt.currentTarget.value);
},
Run Code Online (Sandbox Code Playgroud)
这似乎有效,除非我按任意键,搜索字段模糊,所以我输入的第二个字母不在文本字段中!任何想法如何防止这种情况发生?
编辑:
更多信息:
Template.search.events({
'keyup input.search-query': function (evt) {
Session.set("search-query", evt.currentTarget.value);
},
})
Template.search.searchResults = function () {
var keyword = Session.get("search-query");
var query = new RegExp( keyword, 'i' );
var results = Articles.find( { $or: [{'user': query},
{'title': query},
{'articleText': query},
{'datetime': query}] } );
return {results: results};
}
Run Code Online (Sandbox Code Playgroud)
实际上问题出在HTML中.
我将搜索栏和搜索结果放在同一个模板中,因此每当模板刷新新结果时,它都会模糊搜索栏.我所做的就是将搜索结果作为自己的模板,并在搜索栏下方导入该模板,以便所有内容看起来都一样.