我经常发现自己将我的工作划分为仍然可以使用相同助手的模板.
所以,说我有这个模板结构：
<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.jb51.cc/js/155770.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
