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