MeteorJS.在刷新页面时搜索结果会丢失

Question

我正在为我的 webapp 使用搜索框。单击搜索按钮后，用户会被定向到“搜索结果”页面并显示结果。但刷新页面时，搜索结果会丢失。如何使用会议？ HTML 代码是：

<div class="form-group">
        <input type="text"  class="form-control" id='searchbox' placeholder="Search">
</div>

js代码为：

 Template.navigation.events({
    'submit form':function(event){
        event.preventDefault();
        var searchbox=document.getElementById('searchbox').value;
        Router.go('/posts/search/'+searchbox);
    }
    });

    Template.searchresults.helpers({
        'post':function(){
            var searchbox=document.getElementById('searchbox').value;
            var search=new RegExp('\\b'+searchbox+'\\b','i');
            return Posts.find({name:search});
        }
    });

和routerjs代码是：

Router.route('/posts/search/:somesearch/',{
    template:'searchresults',
    name:'searchresults',


});

Answer 1

让我们在路由中设置数据上下文，而不是使用辅助函数：

Router.route('/posts/search/:somesearch/',{
  template:'searchresults',
  name:'searchresults',
  data: function(){
    return Posts.find({ name: this.params.somesearch });
  } 
});

完全删除您的 post 模板助手。

在您的 HTML 模板中，您需要使用{{#each this}} 进行迭代，因为this 将是路由器中data 函数返回的光标。

注意，对于多词搜索和特殊字符，您需要对搜索字符串进行 url 编码/解码。