Passing functions as data context to Template.dynamic

help
1

Hello everybody!
I’m passing a function as a property to a data context with a dynamic template just like this:

Template.example.helpers({
    getDynamicData() {
        return {
             someField: 'hello',
             aFunction: () =>  {
                 console.log('hello world');
             }
        }
    }
});

<template name="example">
    {{> Template.dynamic template="anotherTemplate" data=getDynamicData }}
</template>

The problem is that the function gets called immediatly, instead of being passed as a value.
This function is a callback I want to pass to the “anotherTemplate” and call it inside this template.

Please help!

2

It shouldn’t be called automatically - are you sure you aren’t inadvertently calling it in anotherTemplate? Can you post your anotherTemplate template?

3

I’m calling inside a click event on the “anotherTemplate” and it’s called before its even rendered, but the click event wasn’t called.

4

Can you post a fuller example?

5

Okey this is the “anotherTemplate” code:

<template name="anotherTemplate">
    {{> oneMoreTemplate aFunction=this.aFunction}} <- Here is the problem
</template>

<template name="oneMoreTemplate">
    <span class="toClick">click me</span>
</template>

Template.oneMoreTemplate.events({
    'click .toClick': function(event, template) {
        template.data.aFunction(event);
    }
});

The error i get:

aFunction is not a function

aFunction is actually undefined

#Edit:
Now I get it, when I pass it like this, it’s being called because SpaceBars call functions without ().
I need to create a helper that returns this function as a value.