如何在Meteor中实现实时搜索,每个字母后没有文字输入模糊?

时间:2013-08-26 03:47:36

标签: javascript meteor

我正在尝试实现一个基本的实时搜索栏,因此我有一个事件可以监听任何键盘:

'keyup input.search-query': function (evt) {
    Session.set("search-query", evt.currentTarget.value);
}, 

这似乎有效,除非我按任意键,搜索字段模糊,所以我输入的第二个字母不在文本字段中!任何想法如何防止这种情况发生?

编辑:

更多信息:

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};
}

1 个答案:

答案 0 :(得分:5)

实际上问题出现在HTML中。

我将搜索栏和搜索结果放在同一个模板中,因此每当模板刷新新结果时,它都会模糊搜索栏。我所做的只是将搜索结果作为自己的模板,并将该模板导入搜索栏下方,以便所有内容看起来都一样。