Meteor - Verwenden von reaktiven Variablen in anonymen Funktionen

Question

Wie kann ich reaktive Template-Variablen (aus Template.data) in einer anonymen Funktion innerhalb der gerenderten Template-Funktion verwenden? (Ich möchte es reaktiv halten).

Template.templateName.rendered = function() { 
    function testFunction(){ 
     //Log the field 'title' associated with the current template 
     console.log(this.data.title); 
    } 
}); 

Answer 1

Was für mich gearbeitet wurde einfach mit Autorun() und mit Template.currentData() innerhalb Autorun die Werte greifen():

let title; 

Template.templateName.rendered = function() { 
    this.autorun(function(){ 
     title = Template.currentData().title; 
    }); 

    function testFunction(){ 
     console.log(title); 
    } 
}); 

Answer 2

Template.templateName.onRendered(function(){ 
    console.log(this.data.title); 
}); 

Answer 3

Nicht sicher genau das, was Sie zu tun versuchen (wie this.data.title Druck, wenn es ändert sich?), Aber Sie sollten:

1. verwenden ein Reactive variable (add reactive-var Paket, dann erstellen a var myVar = new ReactiveVar()
2. Wenn nötig, wickeln Sie Ihre Funktion mit Tracker.autorun (oder in einem Template Creation/gerenderten Ereignis).

So könnten Sie haben wie:

Eltern Vorlage HTML:

<template name="parentTemplateName"> 
    {{> templateName title=myReactiveVar}} 
</template> 

Eltern Vorlage JS:

Template.parentTemplateName.helpers({ 
    myReactiveVar: function() { 
    return new ReactiveVar("My Title!"); 
    } 
}); 

Vorlage JS:

Template.templateName.onRendered(function() { 
    // Re-run whenever a ReactiveVar in the function block changes. 
    this.autorun(function() { 
    //Print the field 'title' associated with the current template 
    console.log(getValue(this.data.title)); 
    }); 
}); 

function getValue(variable) { 
    return (variable instanceof ReactiveVar) ? variable.get() : variable; 
}