Javascript轻量极速的模板引擎,支持预编译,支持嵌入原生javascript语法,忽略不存在的变量,可直接在AMD、CMD以及全局环境中使用。具体代码如下:
HTML代码:
<div id="view"></div>
<script type="text/template" id="demo">
<p>Hi, I'm <%=author%><%=anything%></p>
<p>I can write:
<%
for(var i=0; i<languages.length; i++) {
echo( (i===0?"":", ") + languages[i] );
}
%>
</p>
</script>
直接使用:
//模拟数据
var data = {
author: "Jony",
languages: ["javascript", "php", "shell"]
};
document.getElementById('view').innerHTML = tpl('#demo', data);
预编译:
//模拟数据
var data = {
author: "Jony",
languages: ["javascript", "php", "shell"]
};
//编译后就可以无限调用
var compiler = tpl('#demo');
document.getElementById('view').innerHTML = compiler(data);
HTML结果:
<p>Hi, I'm Jony</p>
<p>I can write: javascript, php, shell</p>
更多信息请查看IT技术专栏