コレクションから選択フィールドにデータを入力し、meteorで選択した値に従ってフィルタリングします

選択範囲にデータを入力するには、{{＃each}}を次のように選択範囲に変更する必要があります。

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

{{#each}}を置くと <select>の上部にあります タグ流星は、会社ごとに1つの選択を作成します。

また、会社のヘルパーは、単純なreturn company.find();のように単純である必要があります。

フィルタリングする場合は、これを実現するための多くのオプションがあります。1つはこれです。

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

これで全体像がわかります。幸運を祈ります！