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));
|