如何在下划线、文本中将多个模板组合成一个html

Question

我在 tpl 文件夹中有很多模板。为了加快加载性能并减少与服务器的交互，我想将模板组合在一个带有 Id 标签的 HTML 中：

例如：

以下是模板common.html的内容

+++++++++++++++++++++++++++++++++++++++++++++++
<script type="text/template" id="tpl-banner1">
    <div class="banner">
        <div class="banWp addWrap" id="bannerWp1">
        </div>
    </div>
</script>
<script type="text/template" id="tpl-banner2">
    <div class="banner">
        <div class="banWp addWrap" id="bannerWp2">
        </div>
    </div>
</script>

+++++++++++++++++++++++++++++++++++++++++++++++

一个 html 文件中的两个部分。在 js 中，我只是通过以下方式引用模板：

define(['text!common.html'], function (IndexBannerTpl)  {

}

我的问题是如何引用该部分（id="tpl-banner2"）？在骨干？

If only contains one section, I could use it like that:
+++++++++++++++++++++++++++++++++++++++++++++++
var template = _.template(IndexBannerTpl, {items: items_ibm});
+++++++++++++++++++++++++++++++++++++++++++++++

How to use id="tpl-banner1" and id="tpl-banner2"?

肖恩王

Answer 1

尝试以下方法：

var html = $(IndexBannerTpl).filter('#tpl-banner1').html();
var template = _.template(html, {items: items_ibm});