underscore.js -组合模板

Question

我正在与underscore.js和主干一起为一个应用程序创建一些视图。视图都有相同的前几行，但根据它们是哪种类型的子类而有所不同。是否有一种有效的方法来组合模板，这样我就可以有一个单一的“主”模板，并将其插入到所有其他模板中？

代码示例：

<script type="text/template" id="template-1">
  {{ name }}
  <span>{{ type }}</span>
  <div>
    <some view specific html>
  </div>
</script>

<script type="text/template" id="template-2">
  {{ name }}
  <span>{{ type }}</span>
  <div>
    <some view specific html>
  </div>
</script>

Answer 1

我认为有两种方法你可以采取：

1. 您可以将您的“主”表示为不同的模板，并在呈现视图时使用子模板(例如jQuery.append)编写它。
2. 或者，下划线模板可以呈现任意的javascript，因此我认为没有什么可以阻止您在模板中呈现模板，比如： <%= data.name %> <%= data.type %> <%= _.template(data.child，data，{ variable：'data‘}) %>或相反的情况： <%= _.template(data.common，data) %>模板1！ 我在演示执行中的第一个模板示例中添加了一个演示执行中的第一个模板示例。