腾讯的arttemplate的前端模版用法

    var data={
            A: [
                {id: 1},
                {id: 2}
            ],
            B: [
                {id: 3},
                {id: 4}
            ]
        }
        
    上边的json数据，在arttemplate的模版里边怎么循环输出
    
    https://github.com/aui/artTemplate  语法说明
    
    我目前的用法是在中间做了一层转换处理
    
    require(['template'], function(template){
    var data={
        A: [
            {id: 1},
            {id: 2}
        ],
        B: [
            {id: 3},
            {id: 4}
        ]
    }
    var html='';
    for(var k in data){
        var list={
            data: []
        };
        for(var i=0; i<data[k].length; i++){
            list.data.push(data[k][i]);
        }
        html+=template('test', list);
    };
    $('#js-content').html(html);
});

<div id="js-content"></div>
<script id="test" type="text/html">
    {{each data as value i}}
        <p>{{value.id}}</p>
    {{/each}}
</script>

---

<div id="content"></div>
<script id="test" type="text/html">
    {{each data as item}}
        {{each item as data}}
            <p>{{data.id}}</p>
        {{/each}}
    {{/each}}
</script>
<script>
var data={
    A: [//item
        {id: 1},
        {id: 2}
    ],
    B: [//item
        {id: 3},
        {id: 4}
    ]
};
var html = template('test', {data:data});
document.getElementById('content').innerHTML = html;
</script>