如何在下划线、文本中将多个模板组合成一个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"?

Sean WANG

Answer 1

尝试以下操作：

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