zoukankan      html  css  js  c++  java
  • artTemplate的使用总结

    1.首先先要下载artTemplate.js,这个可以在官网下载也可以在GitHub进行下载。

    2.现在是编写一个存放html标签的编写模板,使用<script type="text/html" id="site_template"></script>装载,里面的id是你到时候将确认将数据传给谁的绑定,详情请看下面代码

    <script type="text/html" id="site_template">
    {{each list as value i}}
    <div class="content">
    <div class="message flex">
    <span>{{value.conactName}}</span>
    <span>{{value.conactphone}}</span>
    </div>
    <p>{{value.address}}{{value.addressInfo}}</p>
    </div>
    {{/each}}
    </script>
    注:这个时候要说了编写模板的话有简洁语法和原声语法,我这里用的就是简洁语法,然后我自己也比较推荐使用,他相对原声语法的话比较简单也利于实用
    原声语法就这种:
        <%if (potics){%>
        <%include('potics_content')%>
        <%for (var i=0;i<list.length;i++) {%>
        <div><%=i%>. <%=list[i].content%></div>
        <%}%>
        <%}%>
    相当于就是把你所要用的原声js拿<%%>包起来而已

    3.然后就是渲染模板,下放代码只是模仿的数据,如果小伙伴的数据是从后台获取上来就把你从ajax获取的data数据换上就好啦

    var data = {
    title: '你好',
    list: ['士力架', '糖葫芦', '草', '土', '牛肉', '鸡', '鸭']
    };
    var html = template('site_template', data);//这个就是用来连接编写模板和渲染模板的
    document.getElementById('wrap').innerHTML = html;//而这个是把连接好的html和数据传到你想要把html放在的哪个标签里面
     
    然后artTemplate的大概使用就介绍到这里了
  • 相关阅读:
    C# 四种基本排序算法(冒泡排序,插入排序,选择排序,快速排序)外加折半排序
    jQuery ajax serialize() 方法
    关于问问题
    VIM键位图
    Highcharts选项配置详细说明文档
    awk处理文件内容格式
    【转】如何写出高性能SQL语句
    PHP合并、追加与连接数组
    如何选择web开发语言
    PHP 数据类型验证和获取
  • 原文地址:https://www.cnblogs.com/zhiyushushi/p/8035291.html
Copyright © 2011-2022 走看看