artTemplate使用笔记

一、

1、引入template.js或者template.native.js

template.js支持语法类似：{{title}} template.native.js支持原生语法；

2、创建模板

<script id="tpl" type="text/html"> <h1>{{tittle}}</h1> </script>

3、函数template(templateID,data)构建模板实体

var data = { title : 'HELLO WORLD', isAdmin : true, list : ['新闻','军事','历史','政治'] }; var html = template('test', data);

4、将模板实体填入DOM

document.getElementById("content").innerHTML = html;

二、

模板内循环：数组与json <script id="list" type="text/html"> {{each arr value key}} <li>{{value}}----->>{{key}}</li> {{/each}} </script> 可包含另外的模板 <script id="tpl" type="text/html"> <h1>{{tittle}}</h1> {{include 'list'}} </script>