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;  

二、

1. 模板内循环：数组与json

<script id="list" type="text/html">
{{each arr value key}}
    <li>{{value}}----->>{{key}}</li>
{{/each}}
</script>

1. 可包含另外的模板

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