template.compile()方法

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()使用是一致的。

posted @ 2016-06-03 15:42  月半流云  阅读(976)  评论(0编辑  收藏  举报