• art-template模板引擎循环嵌套


    ①首先引入 <script src="js/art-template" type="text/javascript" charset="utf-8"></script>

    ②确定要插入的位置  <div id="my"></div>

    ③新建一个 script标签   注意标签的type   type="text/html"

    ④新建一个 script标签

    <script type="text/javascript" charset="utf-8">

    var html = template('e', t);  //    e代表   ③ <script id="e" type="text/html"> 的id      t代表渲染的数据
    document.getElementById('my').innerHTML = html;

    </script>

    数据格式      我们将嵌套三层的数据

    具体代码

    <body>

    <div id="my"></div>

    <script id="e" type="text/html">
    <p>第几个{{seckill.sec_id}}</p>
    <br /> {{each seckill.sjd value index}}
    <span class="p">开始时间{{value.begin_time}}</span>
    <a href="two.html?id={{value.id}}"><span style="color: blue;">ID{{value.id}}</span></a> {{each value.goods z g}}
    <span class="p">名字:{{ z.goods_name}}</span><span class="p">价格{{z.shop_price}}</span> {{/each}}
    <br /> {{/each}}

    </script>

    <script type="text/javascript">
    var leng = ""

    $.post("xxxx", function(d) {
    var t = JSON.parse(d)
    document.getElementById('tou').innerHTML = t.;

    var html = template('e', t);
    document.getElementById('my').innerHTML = html;

    leng = t.seckill.sec_id
    console.log(t)

    })

    </script>

    </body>

    总结如果我们想嵌套N层 我们就要使用  {{each object  value   index }}  N次

  • 相关阅读:
    12.Docker网络类型
    博客迁移
    java注解
    IO多路复用技术(multiplexing)
    Java 中extends与implements使用方法
    初识autoconf
    初识swoole
    简单配置nginx使之支持pathinfo
    vue-cli 脚手架 安装过程
    PHP阻止页面后退如何用PHP实现禁用浏览器的后退,使后退的页面失效或链接到别的地方?使用php禁止浏览器缓存?
  • 原文地址:https://www.cnblogs.com/nns4/p/7428582.html
Copyright © 2020-2023  润新知