artTemplate 总结

编写模板

渲染模板

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

简介语法

{{if admin}}  
  {{include 'admin_content'}}    
    {{each list}}       
       
{{$index}}. {{$value.user}}
   
    {{/each}}
{{/if}}

方法

template(id,data)

• 根据id渲染模板，内部会根据document.getElementById(id)查找模板。
• 如果没有data参数，将会返回一渲染函数。

template.compile(source,options)

var source = '
'
   '{{each list as value i}}'
       '
索引 {{i + 1}} ：{{value}}
'
   '{{/each}}'
 '
';

var render = template.compile(source);
var html = render({
    list: ['摄影', '电影', '民谣', '旅行', '吉他']
});

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

template.render(source,options) 将返回渲染结果

template.helper(name,callback) 添加辅助方法。

template.config(name.value)更改引擎的默认设置

详情请看 http://www.jq22.com/jquery-info1097

使用预编译 待续