admin管理员组

文章数量:1278724

I often find myself dividing my work into templates that still could use the same helpers.

So, say I have this template structure:

<template name="MainTemplate">
  <div>{{> FirstTemplate}}</div>
  <div>{{> SecondTemplate}}</div>
  <div>{{> ThirdTemplate}}</div>
  <div>{{> FourthTemplate}}</div>
</template>

Now each of these templates wants to use the same helper, let's call it dataHelper:

Template.MainTemplate.helpers({
  dataHelper: function() {
    //do some stuff
    return result
  }
})

Sadly, this helper can't be accessed in template first through fourth by simply typing {{dataHelper}} like how events work.

My solution has been to create a global helper instead, but that seems a tad overkill, especially since I have a few pages that don't care about these helpers at all. Another solution is to create four separate helpers but, hey, DRY.

Am I missing something simple here?

I often find myself dividing my work into templates that still could use the same helpers.

So, say I have this template structure:

<template name="MainTemplate">
  <div>{{> FirstTemplate}}</div>
  <div>{{> SecondTemplate}}</div>
  <div>{{> ThirdTemplate}}</div>
  <div>{{> FourthTemplate}}</div>
</template>

Now each of these templates wants to use the same helper, let's call it dataHelper:

Template.MainTemplate.helpers({
  dataHelper: function() {
    //do some stuff
    return result
  }
})

Sadly, this helper can't be accessed in template first through fourth by simply typing {{dataHelper}} like how events work.

My solution has been to create a global helper instead, but that seems a tad overkill, especially since I have a few pages that don't care about these helpers at all. Another solution is to create four separate helpers but, hey, DRY.

Am I missing something simple here?

  • javascript
  • meteor
Share Improve this question asked Jun 18, 2015 at 18:10 YeatsYeats 2,0653 gold badges32 silver badges51 bronze badges 2
  • Do you actually need to reuse a function (e.g. formatDate) and call it with new data, or do you simply need some shared context? I think this would be easier to answer with a more concrete example in the question. – David Weldon Commented Jun 18, 2015 at 18:25
  • 1 @DavidWeldon No data involved, just accessing parent helper. – Yeats Commented Jun 18, 2015 at 19:07
Add a ment  | 

3 Answers 3

Reset to default 5

There isn't an obvious way to do this in the current version of meteor. One solution is for the child template to "inherit" the helpers from the parent. You can do this pretty easily using meteor-template-extension. Here's an example:

html

<body>
  {{> parent}}
</body>

<template name="parent">
  <h1>parent</h1>
  {{> child}}
</template>

<template name="child">
  <h2>child</h2>
  <p>{{saySomething}}</p>
</template>

js

Template.parent.helpers({
  saySomething: function() {
    return Random.choice(['hello', 'dude!', 'i know right?']);
  }
});

Template.child.inheritsHelpersFrom('parent');

The template child inherits all of its parent's helpers so it has direct access to saySomething.

This technique has two drawbacks:

  • you have to specify the inheritsHelpersFrom relationship
  • all of the parent's helpers are inherited

You can access your parent helpers using either a notation like {{yourParentHelper ..}} with two dots. Have a look here for more informations (end of the article)

You can also access parent data context in javascript like that:

var parent_data = Template.parentData();

By the way, you can add a parameter to reach the third parent, for instance:

var parent_data = Template.parentData(3);

The double dot notation seems to work best within {{#each}} loops, and I'm not having any luck within actual child templates. One option would be to use {{#with}}, although that limits you to basically one helper. e.g.:

<template name="parent">
  {{#with dataHelper}}
    {{> first}}
    {{> second}}
  {{/with}}
</template>

This will set the data context of the child helpers to dataHelper, and you can access them with {{this}} inside the template. I suppose you could make dataHelper an object and then pass in multiple pieces of data that way.

本文标签： javascriptAccessing parent helper in MeteorStack Overflow

版权声明：本文标题：javascript - Accessing parent helper in Meteor - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741287223a2370341.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。