Question

我希望将新参数传递给模板，并保留其原始数据上下文。

原始数据上下文：{message：＆＃34; hello＆＃34;} {{> 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>

任何一种解决方案都比将原始数据隐藏在单独的字段中更为理想，因为它使子模板保持通用。

Answer 2

构建于David's second option以允许多个属性：

<template name="parentTemplate">
  {{> myTemplate extendContext withIcon=true label="Has Icon" }}
  {{> myTemplate extendContext withIcon=false label="No Icon" }}
</template>

然后在javascript中：

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

将参数传递给模板而不覆盖数据上下文

2 个答案: