JavaScript模板引擎Template.js相关

对内容编码输出: {{content}} 
不编码输出: {{#content}} 

 

效果

 遍历表达式

无论数组或者对象都可以用 each 进行遍历。

{{each list as value index}} 
 <li>{{index}} - {{value.user}}</li> 
{{/each}} 

亦可以被简写:

{{each list}} 
 <li>{{$index}} - {{$value.user}}</li> 
{{/each}} 


例子:
<!--加载列表模板-->
    <script type="text/html" id="listTmpl">
        {{each list as value i}}
            <tr>
                <td title="{{value.title}}">{{value.name}}-{{title}}</td>
                <td>{{value.financeCompany}}</td>
                <td class="newOperat">
                    <a href="linkform1.html?type={{value.type}}&name={{value.typeName}}&id={{value.id}}"><i class="layui-icon">&#xe642</i></a>
                    <a href="javascript:void(0)" onclick="removeproduct('{{value.id}}')"> <i class="layui-icon">&#xe640;</i></a>
                </td>
            </tr>
        {{/each}}
 </script>


var data={
        list:data.result,
        title:"hello world",
        id:id,
}
showtemp(data,"listTmpl","#newList");    

 

参考资料:

 https://www.cnblogs.com/shiyou00/p/6841801.html

http://www.jb51.net/article/100095.htm

 

posted @ 2018-01-04 10:54  huihui2014  阅读(76)  评论(0)    收藏  举报