meteor - 将参数传递到模板而不覆盖数据上下文

Question

我想将新参数传递给模板，同时保留其原始数据上下文。

原始数据上下文:{message:“hello”}
{{> myTemplate withIcon=True}}


用{withIcon:True} 覆盖

数据上下文

急性地，我的解决方案是像这样包装数据。

<code>
{{> myTemplate originalData=this withIcon=True}}
</code>

有更好的解决方案吗？

Answer 1

您始终可以在帮助程序中扩展当前上下文:

Template.parentTemplate.helpers({
  iconContext: function() {
    var result = _.clone(this);
    result.withIcon = true;
    return result;
  }
});

并像这样使用它:

<template name="parentTemplate">
  {{> myTemplate iconContext}}
</template>

另外，您可以创建一个更通用的帮助程序，如下所示:

Template.registerHelper('extendContext', function(key, value) {
  var result = _.clone(this);
  result[key] = value;
  return result;
});

然后从任何模板的html中选择键/值对:

<template name="parentTemplate">
  {{> myTemplate extendContext 'withIcon' true}}
  {{> myTemplate extendContext 'isAwesome' false}}
</template>

这两种解决方案都比将原始数据隐藏在单独的字段中更为可取，因为它可以使子模板保持通用。