JavaScript模板引擎artTemplate.js——template.compile()方法_JavaScript教程

导读：template.compile(source, options)source:必传，渲染模板的内容。options:可选，通常不传。（其实是我还没研究明白）return:一个渲染函数...

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

全站搜索

JavaScript模板引擎artTemplate.js——template.compile()方法

最新推荐

本周排行