UNPKG

584 BMarkdownView Raw
1# tpl模版
2
3## 变量
4
5 var data = {name: 'lilei'};
6 var str = "<h3><%=name%></h3>";
7 console.log($.tpl(str, data)); // => <h3>lilei</h3>
8
9## 循环
10
11 var data2 = {
12 title:'listArray',
13 list:[
14 { username:'tom',sex:1},
15 { username:'lili',sex:0}
16 ]
17 };
18
19 var str2 = '<div>'
20 +' <h1 class="header"><%=title%></h1>'
21 +' <ul class="list">'
22 +' <%for(var i = 0;i<list.length;i++){%>'
23 +' <li class="item">'
24 +' <%=list[i].username%>'
25 +' 性别:<%if (list[i].sex){%>男<%}else{%>女<%}%>'
26 +' </li>'
27 +' <%}%>'
28 +' </ul>'
29 +'</div>';
30
31 console.log($.tpl(str2, data2));