Question

JS

Colors = new Meteor.Collection("colors");

Template.col_list.cols = function () {
  return Colors.find();
};

因此，此代码将输出从Col.find到html

中的手柄列的所有内容

HTML

{{#each cols}}
{{name}}, {{RGB}}, {{HEX}}
{{/each}}

但是说我想要一个输入框，这样我就可以搜索颜色的名称，所以它只显示该颜色的信息或以我在输入框中键入的任何颜色开始的任何颜色。

例如：输入=“bl” 输出应为黑色，蓝色或以bl开头的任何其他内容。

在实践中，我一直在寻找任何这方面的例子，但我还没找到。

到目前为止，我已经达到了这个效果，但却没有运气。

Template.col_list.events({
  'click .search': function() {
    Colors.find(name: $('col_name').val());
  }
});

Answer 1

您需要以保持Meteor反应性的方式使模板的内容取决于输入字段。会话变量很适合。

这应该有效：

Colors = new Meteor.Collection("colors");

Template.col_list.cols = function () {
  return Colors.find({name: { $regex: Session.get('prefix')+".*", $options: 'i' }});
};

Template.col_list.events({
  'click .search': function() {
    Session.set('prefix', $('.col_name').val());
  }
});

如何从Meteor Collection中搜索和输出

1 个答案: