サーチ…


反応的なクエリ

コード例:

main.html

<template name="test">
     <input type="checkbox" id="checkbox1" name="name" value="data">Check Me
      {{showData}}
</template>

Main.jsで

 var check_status='';
 //Reactive Var Initialization
 Template.main.onCreated(function (){
       check_status=new ReactiveVar({});
       
 });

 Template.main.helpers({
       showData : function(){
           return Collection.find(check_status.get());
       }
 });

 Template.main.events({
      "change #checkbox1" : function(){
              check_status.set({field: 'data'});
       }
 });

説明:

反応check_status var check_statusを初期化するとき、値を{}等しく設定します。ヘルパーでは、レンダリング時に同じデータがすべてのデータを表示するのと同じくらい優れたCollection.find(check_status.get())というクエリに渡されます。

チェックボックスをクリックすると、 check_statusの値を{field: data}設定するTemplate.main.events記述されたイベントがトリガされます。これは反応的なvarであるため、 showDataテンプレートが再度実行され、今回はクエリがCollection.find({field: data})なので、 field一致の'data'が返されるfieldのみが返されます。

このコマンドを使用する前に、 reactive varパッケージ( meteor add reactive-var )を追加する必要があります。



Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow