根据流星中选定的值从集合和过滤器中填充选择字段

我是 Meteor 的新人。我有选择框，我想从 mongo 集合本身填充。我尝试按如下方式执行此操作，但不起作用

<template name="clist">

<div class="input-field">
 <select>
   <option value="" disabled selected>Choose your option</option>
    {{#each company}}
      <option>{{ccategory}}</option>
    {{/each}}
 </select>
</div>

<ul class="collection" id="listings">
{{#each company}}
 <li>
  {{> employees}}
</li>
{{/each}}

</template>

我还想根据下拉列表中选择的值过滤 mytemplate 中的数据。请帮助我，我陷入了困境。

这正是我现在所拥有的，但问题是下拉列表是根据所有列表的结果填充的，而不是直接来自模式，并且所有值都是重复的。我对这两个值使用相同的返回助手，例如 return company.find()。请帮我

为了填充选择，您应该将 {{#each}} 更改为选择，如下所示。

<select>
  <option disabled selected>Choose option</option>
{{#each company}}
  <option>{{category}}</option>
{{/each}}
</select>

因为如果你把{{#each}}在顶部<select>标签流星将为每个公司创建 1 个选择。

公司帮手应该像一个简单的人一样简单return company.find();

现在，如果您想过滤，有很多选项可以完成此操作，其中之一就是这个。

我喜欢用ReactiveDict();，所以我将在这个例子中使用。

安装它meteor add reactive-dict

Template.example.onCreated(function(){
 var self = this;

 self.example = new ReactiveDict();

self.example.setDefault( 'valueToFilter' , null);
});

现在在一些事件上，比如change， 请执行下列操作。

Template.example.events({
 'change select' : function( event, template ) {

   var instance = Template.instance();

   instance.example.set( 'valueToFilter' event.target.value ); //or use $('select').val()  whatever you like to take the value;
  }
})

现在展示结果。

Template.example.helpers({

 showSelectedValues : function(){

  var instance = Template.instance();

  return Companies.find( { name : instance.example.get( 'valueToFilter' )} );
 }
})

这应该会给你一个大局观，祝你好运！