Buscar..
Consulta reactiva
Código de ejemplo:
En main.html
<template name="test">
<input type="checkbox" id="checkbox1" name="name" value="data">Check Me
{{showData}}
</template>
En 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'});
}
});
Explicación:
Cuando inicializamos la var reactiva check_status
, establecemos el valor igual a {}
. En el ayudante, en el momento de la representación, los mismos datos se pasan a la consulta Collection.find(check_status.get())
que es tan bueno como mostrar todos los datos.
Tan pronto como hace clic en la casilla de verificación, se activa el evento descrito en Template.main.events
que establece el valor de check_status
en {field: data}
. Dado que, esta es una var reactiva , la plantilla showData
se vuelve a ejecutar y esta vez la consulta es Collection.find({field: data})
, por lo que solo se devuelven los campos, donde el field
coincide con 'data'
.
Deberá agregar el paquete reactive var
( meteor add reactive-var
) antes de usar estos comandos.