javascript - artTemplate如何循环这种数据结构

问题描述

问 题

{
    'a': {
        'propA1': 'valueA1',
        'propA2': 'valueA2'
    },
    'b': {
        'propB1': 'valueB1',
        'propB2': 'valueB2'
    }
    ....
}

如上数据结构，artTemplate这边要如何循环出来，我这边用each看官方文档没找着方法。

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

刚对着试了下，each可以直接用，key就是$index,value就是$value; 当然采取自己命名变量key跟value更好些。

如下：

var data = {
        data:{
        'a': {
            'propA1': 'valueA1',
            'propA2': 'valueA2'
        },
        'b': {
            'propB1': 'valueB1',
            'propB2': 'valueB2'
        }
    }
};
var str = '{{each data as dv dk}}{{dk}}:{\n {{each dv as val key}}{{key}}:{{val}}\n{{/each}} }\n{{/each}}';
var tmpl = template.compile(str);
tmpl(data);

update：

var data = {
        data:{
        'a': {
            'propA1': 'valueA1',
            'propA2': 'valueA2'
        },
        'b': {
            'propB1': 'valueB1',
            'propB2': 'valueB2'
        }
    }
};
//内嵌each不用as，也可以用$index跟$value，分别是key跟value
var str = '{{each data as dv dk}}{{dk}}:{\n {{each dv }}{{$index}}:{{$value}}\n{{/each}} }\n{{/each}}';
var tmpl = template.compile(str);
tmpl(data);

这篇关于javascript - artTemplate如何循环这种数据结构的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！