javascript - underscore.js - 组合模板

Question

我正在使用 underscore.js 和 backbone 为应用程序创建一些 View 。这些 View 都具有相同的前几行，但随后根据它们是什么类型的子类而有所不同。有没有一种有效的方法来组合模板，以便我可以拥有一个插入所有其他模板的单一“主”模板？

代码示例:

<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. 您可以将“主”表示为不同的模板，并在呈现 View 时将其与子模板组合(例如使用 jQuery.append)。

2. 或者，下划线模板可以呈现任意 javascript，因此我认为没有什么可以阻止您在模板中呈现模板，例如:

   <%= data.name %>
   <span><%= data.type %></span>
   <div>
       <%= _.template(data.child, data, { variable: 'data' }) %>
   </div>      
   

   或者反过来:

   <%= _.template(data.common, data) %>
   <div>
       Template 1!
   </div>
   

   我在 demonstrate the first template example in action 中添加了一个 jsFiddle .