RequireJS里的text.js加载underscore写的模板文件,如何取里面的某个模板?


现状:
使用underscore的template来定义模板(HTML片段),然后通过RequireJS的text.js插件载入一个页面(HTML片段),通过JS将数据和模板处理后,直接输出到HTML页面。

需求:
如果每个HTML中只放一个模板片段,则访问网站需要加载很多个模板,增加很多HTTP请求。于是考虑将模板文件打包成了一个HTML文件。
那么问题来了,通过RequireJS的text加载页面后,如何取页面中的某个模板?

模板如下:


 <!-- 模板一 -->
    <script id="tpl-example2" type="text/template">
      <% _.each(data,function(item){ %>
      <li><a href="#"><%- item.name %></a></li>
      <% }) %>
    </script>

    <!-- 模板二 -->
    <script id="tpl-example2" type="text/template">
      <li><a href="#"><%- data.name %></a></li>
    </script>

require.js underscore text.js 模板

罪与罰与贖 10 years, 4 months ago

Your Answer