art-template var render = template.compile(source);

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了art-template var render = template.compile(source);相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script src="js/mb.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
        <title></title>
    </head>
    <body>
        
            <div id="div_complie">
                
            </div>
            
            
            <script id="l" type="text/html">
                {{each $data}}
                <span style="display: inline-block;margin:0rem 50px;" >
                    {{$value}}
                </span>            
                {{/each}}
                <div id="erji"></div>
            </script>
        <script>
            var nav=[1,2,3,4]
            var list=template("l",nav)
            document.getElementById("div_complie").innerHTML = list;
            
            
            $("span").click(function(){
                        var source = ‘<ur>‘ +
                ‘{{each list}}‘+
                    ‘<li>索引:{{$index+1}}:{{$value}}</li>‘+
                ‘{{/each}}‘+
            ‘</ul>‘;
            var data = {
                list : [‘电影‘,‘电视剧456‘,‘综艺‘,‘音乐‘]
            };
            var render = template.compile(source);
            var html = render(data);
            $("#erji").append(html)
                
            })
    
        </script>
        
        
    </body>
</html>




 

以上是关于art-template var render = template.compile(source);的主要内容,如果未能解决你的问题,请参考以下文章

PHP语言 -- 面向对象

art-template使用

JavaScript模板引擎--art-template

art-template模板引擎基本使用

thinkjs2.x 配置 art-template 模板引擎

art-template模板引擎的使用方法