artTemplate使用2

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/tdjqqq/article/details/51567605

JS前端的artTemplate，作为出色的的模板之一，很受大家欢迎，但官方给出的使用方法，冒似有点难理解（个人原因）。简单一点的还好，复杂的确实费点周折。

今天，项目页面中需要有一个子数组，如下

data=｛
list:[

sublist:[ {},{}  ]

]

｝

 如果一层的话，很简单，在each下直接写，可是两层怎么办？

我们都知道，在artTemplate中使用一个变量的方法是{{$value.pic}}，但是当它是一个子对象的话并且遍历的时候该咋做？

<span style="white-space:pre">		</span>{{each list }}
                <div class="categery-box">
                    <span class="categery_pic"><img class="categery-icon" src="{{$value.pic}}" /></span>
                    <span class="categery_title">{{$value.categoryName}}</span>
                    <span class="categery_tag"><img class="tag-pic" src="images/system/categery_triangle0.png" /></span>
                </div>
                <ul class="categery-list">
                    {{each $value.category2 }}
                    <li>{{$value.category2Name}}</li>
                    {{/each}}
                </ul>
                {{/each}}

                    {{each $value.category2 }}
                      <li>{{$value.category2Name}}</li>
                    {{/each}}

{{each $value.category2}}：这就是遍历子对象的方法了。后来想想，官方确实说了 {{each 变量名}}的用法，但，好吧，我没仔细读好吧。

好了，希望能帮助到大家。