javascript – 访问Meteor中的父助手

前端之家收集整理的这篇文章主要介绍了javascript – 访问Meteor中的父助手前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我经常发现自己将我的工作划分为仍然可以使用相同助手的模板.

所以,说我有这个模板结构:

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

现在每个模板都想使用相同的帮助器,我们称之为dataHelper:

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

遗憾的是,只需键入{{dataHelper}}就像事件的工作原理一样,无法在第一到第四个模板中访问此帮助程序.

我的解决方案是创建一个全局帮助器,但这似乎有点过分,特别是因为我有几个页面根本不关心这些帮助器.另一种解决方案是创建四个独立的助手,但是,嘿,DRY.

我错过了一些简单的东西吗?

解决方法

在当前版本的流星中没有明显的方法可以做到这一点.一种解决方案是让子模板从父级“继承”帮助程序.您可以使用 meteor-template-extension轻松完成此操作.以下是一个示例:

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');

模板子项继承其所有父级助手,因此可以直接访问saySomething.

这种技术有两个缺点:

>您必须指定inheritsHelpersFrom关系>所有父母的助手都是继承的

原文链接:https://www.f2er.com/js/155770.html

猜你在找的JavaScript相关文章