art Template

快速上手

编写模板

使用一个type="text/html"的script标签存放模板：

1 2 3 4 5 6 7 8

< script  id = "test"  type = "text/html" > < h1 >{{title}}</ h1 > < ul >      {{each list as value i}}          < li >索引 {{i + 1}} ：{{value}}</ li >      {{/each}} </ ul > </ script >

渲染模板

1 2 3 4 5 6

var  data = {      title:  '标签' ,      list: [ '文艺' ,  '博客' ,  '摄影' ,  '电影' ,  '民谣' ,  '旅行' ,  '吉他' ] }; var  html = template( 'test' , data); document.getElementById( 'content' ).innerHTML = html;

https://github.com/aui/art-template/wiki/syntax:simple