수색…
반응적 쿼리
예제 코드 :
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
이 명령을 사용하기 전에).
Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow