artTemplate-3.0复杂对象的遍历与使用方法

artTemplate-3.0是一个不错的前台模板,有了前台的模板我们可以这样来操作页面,通过ajax来取得后台的数据文件,前台的展示全部使用模板来实现,这样的好处在于,pc,mobile.app可以使用同一套接口,pc,mobile,app根据不同的开发环境与语言,来自己呈现.

artTemplate-3.0,是一个简的模板,但是官方给的例子有点简单,对一复杂的对象使用的时候,没有参考所以做一个demo作为参考

第一级是这样的

Object {id: "1", name: "休闲食品、生鲜", url: "shangpin-cat1/category-1-b0.html", mapping: "1", cat_id: Object}

Object {id: "200", name: "粮油副食", url: "shangpin-cat3/category-3-b0.html", mapping: "3", cat_id: Object}

第一级中的cat_id是一个对象这样的

第二级的cat_d对的object如下所示

对于这种情况写了个demo大家参考下,这个复杂的数组实际上是ecshop,小京东的分类模板,好复杂.

<script id="test" type="text/html">

    {{each list as value i}}

         <a href=" {{value.url}}">  {{value.name}} </a>  <br />

            {{each value.cat_id as tag d}}

             >> {{tag.name}}  ----

                    {{each tag.cat_id as atag ad}}
                        << {{atag.name}}
                    {{/each}}
                <br />
            {{/each}}
        <br />
    {{/each}}
</script>

如果不好调试的话可以在console中写代码调试一下,基本上可以看出层次怎么写了

$.each(cars,function(value,i){console.log(i.cat_id);});