art-template模板引擎循环嵌套
Posted 赵理通
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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次
以上是关于art-template模板引擎循环嵌套的主要内容，如果未能解决你的问题，请参考以下文章