传递参数时如何在 Meteor 中重构 Handlebars 模板和帮助代码？

Question

知道如何让我的 BioPic Handlebars 助手（我正在使用 Meteor）为参数“所有者”提供不同的上下文。我将 showBioPic 称为来自另一个模板的部分，即

<template name="myMain">
    {{#each post}}
        {{> showBioPic}}
    {{/each}}
    Do a bunch of other stuff here too.
</template>

我希望能够根据调用模板传递不同的“所有者”值，即 Meteor.userId、post.owner、anotherUsersId。即如果我使用 {{#each user}} 这没有所有者字段，它有一个 userId，所以 BioPic 助手将不起作用。

<template name="showBioPic">        
    {{#with BioPic owner}}
        <img src="{{cfsFileUrl 'size48x48gm'}}" alt="Profile Picture: {{_id}}">
    {{else}}
        <img class="showShared" src="images/default-biopic-48x48.png" alt="Default Profile Picture">
    {{/with}}
</template>


Template.showBioPic.BioPic = function (IN_ownerId)    
   return BioPicsFS.findOne( { owner: IN_ownerId });
};

Answer 1

如果使用模板助手是一个选项，那么这样的事情应该可以工作：

Template.myMain.helpers({
  showBioPicWithContext: function (owner) {
    return Template.showBioPic(owner);
  }
});

<template name="myMain">
    {{#each post}}
        {{showBioPicWithContext id}}
    {{/each}}
    Do a bunch of other stuff here too.
</template>

<template name="showBioPic">
    {{#if _id}}
        <img src="{{cfsFileUrl 'size48x48gm'}}" alt="Profile Picture: {{_id}}">
    {{else}}
        <img class="showShared" src="images/default-biopic-48x48.png" alt="Default Profile Picture">
    {{/if}}
</template>

Answer 2

我不确定我是否了解您的问题的详细信息，但在我的一个项目中，我做了这样的事情：

Handlebars.registerHelper('BioPic', function(user) {
  if (_.isString(user)) {
    // assume user is an id
  } else {
    // assume user is an object like Meteor.user()
  }
});

Handlebars 助手只是函数，因此您可以测试传递给它们的参数的值并采取相应的行动。在上面的例子中，当user 是一个字符串时，我们可以假设它是一个id 并返回类似Pictures.findOne({owner: user}); 的东西。您可以根据user 输入的所有可能变化添加更多子句。