javascript - 如何将多个模板合并到一个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")？在 Backbone 中？

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});