码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-09-17 13:26:57      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:tle   doc   char   电视剧   temp   get   html   each   inner   

<!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);

标签:tle   doc   char   电视剧   temp   get   html   each   inner   

原文地址:http://www.cnblogs.com/nns4/p/7534932.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!