腾讯的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>

阅读 7.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题