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.



Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow