javascript - Meteor 响应式(Reactive)搜索代码未运行

标签 javascript meteor

有人可以看一下我的代码并告诉我如何修复它以使其运行,我正在尝试为 meteor 应用程序创建响应式(Reactive)搜索,但它不起作用。

Template.search.onCreated(function(){
    this.textd = new ReactiveVar('search');
});

Template.search.helpers({
    results: function() {
      return Websites.find(Template.instance().textd.get());
    }
});

Template.search.events({
     'keyup .inp': function(event, template) {
         template.textd.set(document.getElementById("edValue").value);
      }
});

最佳答案

Template.search.onCreated(function(){
  this.textd = new ReactiveVar('search');
});

Template.search.helpers({
   results: function() {
      //var regexp = new RegExp(Session.get('search/keyword'), 'i');
      //return Websites.find(Template.instance().textd.get());
      let textd = Template.instance().textd.get();
      return Websites.find({
         name: {$regex: textd}
      });
   }
});

Template.search.events({
  'keyup .inp': function(event, template) {
      //Session.set('search/keyword', document.getElementById("edValue").value);
    template.textd.set(document.getElementById("edValue").value);
   }
});

这就是我所做的,它似乎有效,很好,但我不满意我想搜索整个字段而不仅仅是一个字段。

编辑

我已经能够做我想做的事情了

Template.search.helpers({
  results: function() {
      //var regexp = new RegExp(Session.get('search/keyword'), 'i');
      //return Websites.find(Template.instance().textd.get());
      let textd = Template.instance().textd.get();
      if(textd!==""){
           return Websites.find({ 
              $or: [
                  {title: {$regex: textd}},
                  {url: {$regex: textd}},
                  {description: {$regex: textd}},
                  {createdBy: {$regex: textd}}
              ]
          });
      } else {
        return false;
      }
   }
});

关于javascript - Meteor 响应式(Reactive)搜索代码未运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39935347/

相关文章:

javascript - 使用 npm react-native-canvas latest 在 react-native 中使用 canvas.toDataURL() 时出错

javascript - 如何通过如果存在则返回 true 来将值与许多表行中的所有所有表第一个 td 进行比较?

javascript - Chrome 错误?更改左侧 CSS 会更改 offsetWidth

Meteor.userId 只能在方法调用中调用。 ( meteor 铁路由器)

javascript - 如何设置 40% 给定高度以在 ionic 中查看?

javascript - 使用 uglify 保持 javascript 包文件美化

mongodb - 允许规则更新meteor mongodb

meteor 模板到pdf

javascript - Meteor JS - 在特定模板上显示 DOM 元素

javascript - 如何在 MongoDB 和 Meteor 中自动销毁 1-M 连接