Underscore解析html模板

为什么80%的码农都做不了架构师？>>>   

Underscore 的_.template模板函数只能解析3种模板标签

<%  %>：用于包含Js代码，这些代码将在渲染数据时被执行。

<%= %>：用于输出数据，可以是一个变量、对象的属性、或函数（输出函数的返回值）。

<%- %>：用于输出数据，同时会将数据中包含的HTML字符转换为实体形式（例如它会将双引号转换为&quot;形式），用于避免XSS攻击。

当我们希望将数据中的HTML作为文本显示出来时，可以使用<%- %>标签。

Underscore还允许你修改这3种标签的形式，如果我们想使用{% %}、{%= %}、{%- %}作为标签，可以通过修改templateSettings来实现

_.templateSettings = {      
    evaluate : /\{%([\s\S]+?)\%\}/g,      
    interpolate : /\{%=([\s\S]+?)\%\}/g,     
    escape : /\{%-([\s\S]+?)%\}/g  
}

此方法还可以用于解决和其它模板语言的标签冲突

示例：

模板：

<script type="text/template" id="tpl">
   <div>{%=say%}</div>
</script>

调用代码

var data = {};
data.say = "Hello World!";
$("body").html(_.template($("#tpl").html(),data));

转载于:https://my.oschina.net/cangy/blog/346970