meteor
반응성 (Vars & Dictionaries)

반응적 쿼리

예제 코드 :

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

설명:

반응 형 var check_status 초기화 할 때 값을 {} 과 동일하게 설정합니다. 도우미에서 렌더링 할 때 동일한 데이터가 모든 데이터를 표시하는 것과 같은 좋은 Collection.find(check_status.get()) 쿼리에 전달됩니다.

체크 박스를 클릭하자마자 check_status 의 값을 {field: data} 설정하는 Template.main.events 설명 된 이벤트가 트리거됩니다. 이것은 반응 형 변수 이므로 showData 템플릿이 다시 실행되며 이번에는 쿼리가 Collection.find({field: data}) 이므로 field 일치 'data' 가 반환 된 field 만 반환됩니다.

당신은 추가해야합니다 reactive var (패키지를 meteor add reactive-var 이 명령을 사용하기 전에).