嵌套主要要用到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>
artTemplate嵌套使用
最新推荐文章于 2022-11-24 22:38:19 发布