来源: tpl.js首页、文档和下载 – JavaScript 模板引擎 – 开源中国社区
一个轻量的(仅1kb),极速的JavaScript 模板引擎。
支持预编译,支持嵌入原生JavaScript语法,忽略不存在的变量,可直接在AMD、CMD以及全局环境中使用。
使用方法:
1.引入tpl.js
1
|
|
或者在Sea.js和Node.js中:
1
|
var tpl = require( 'path/to/tpl' ); |
2.HTML模板
1
2
3
4
5
6
7
8
9
10
11
12
|
< 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 > |
3.执行渲染
1
|
console.log( tpl( '#demo' , {author: "Jony" , languages:[ "javascript" , "php" , "shell" ]}) ); |
结果为:
1
2
|
< p >Hi, I'm Jony</ p > < p >I can write: javascript, php, shell</ p > |