template.compile(source, options)
source:必传,渲染模板的内容。
options:可选,通常不传。(其实是我还没研究明白)
return:一个渲染函数。
示例如下:
<div id="content"></div> <script src="../js/template.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var source = '<ul>' + '{{each list as value i}}' + '<li>索引 {{i + 1}} :{{value}}</li>' + '{{/each}}' + '</ul>'; var render = template.compile(source); var html = render({ list: ['摄影', '电影', '民谣', '旅行', '吉他'] }); document.getElementById('content').innerHTML = html; </script>
和template()方法的区别在于,template.compile()将渲染模板用javascript拼接实现,而前者是用script标签来展示,前者更为直观。
注:根据作者最新的升级信息,template.render()方法和template.compile()使用是一致的。