javascript - 将参数传递给 Blaze 模板

Question

假设我有一个共同的标记，将在我的整个网站中重复出现，只有一些小的差异。

例如，我有一堆 <div>都有标题的元素。

类元素:section-title都是一样的样式，但是他们的文本内容不同。

我想制作一个模板来表示标题，有点像这样:

<template name="section-title">
  <div class="section-title">
    <span> Profile </span>
  </div>
</div>

除了，我需要“个人资料”可以互换，因为我有很多不同的部分:“个人资料”、“联系信息”等。

在 Blaze 中执行此操作的最佳方法是什么？

Answer 1

您可以使用模板参数或将模板当前数据上下文设置为适当的参数列表。

HTML

<template name="sectionTitle">
  <section class="section-title">
    <span>{{title}}</span>
  </section>
</template>

{{> sectionTitle title="Profile"}}

<template name="parent">
  {{> sectionTitle args}}
</template>

JS

Template.parent.helpers({
  args: function(){
    return {
      title: "Profile"
    };
  }
});