artTemplate嵌套使用

最新推荐文章于 2023-01-17 02:19:57 发布

零度空间0520

最新推荐文章于 2023-01-17 02:19:57 发布

阅读量1k

点赞数

嵌套主要要用到include


<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script type="text/javascript" src="../common/template.js"></script></head><body><div id="content"></div><script id="test" type="text/html">    <ul>        {{each groups as value i}}        <li>            <h1>{{value.groupName}}</h1>            {{include 'art4' value}}        </li>         {{/each}}    </ul></script><script id="art4" type="text/html">    {{each items as value i}}    <div>        appName: {{value.appName}}        iconUrl: {{value.iconUrl}}    </div>    {{/each}}</script><script type="text/javascript">var data =
         {"groups":[
          {"groupName":"流程发起", 
          "items":[
          {"appName":"国内差旅","iconUrl":"pics/chailv.png","webUrl":"www.baidu.com"},
         {"appName":"国内差旅","iconUrl":"pics/chailv.png","webUrl":"www.baidu.com"},
         {"appName":"国内差旅","iconUrl":"pics/chailv.png","webUrl":"www.baidu.com"},
         {"appName":"国内差旅","iconUrl":"pics/chailv.png","webUrl":"www.baidu.com"},
         {"appName":"国内差旅","iconUrl":"pics/chailv.png","webUrl":"www.baidu.com"}]
                 },
       {"groupName":"员工服务",
             "items":[
             {"appName":"工资查询","iconUrl":"pics/chailv.png","webUrl":"www.baidu.com"},
            {"appName":"工资查询","iconUrl":"pics/chailv.png","webUrl":"www.baidu.com"}]
       },
       {"groupName":"员工1111111----服务",
         "items":[{"appName":"工资查询","iconUrl":"pics/chailv.png","webUrl":"www.baidu.com"},
            {"appName":"工资查询","iconUrl":"pics/chailv.png","webUrl":"www.baidu.com"}]
       }
   ],
"message":"请求成功"
     }
    var html = template('test', data);    document.getElementById('content').innerHTML = html;</script></body></html>