在art_template中如何进行多纬数据遍历展示?

发布于 2021-01-12 16:47:25

在art_template中如何进行多纬数据遍历展示? 也就是 多个 {{each}} 如何使用?

查看更多

浏览量
2626
猫哥
猫哥 项目组成员 2021-01-12
希望我的回答能对你有所帮助

引入art-template

<script src="/assets/libs/art-template/dist/template.js"></script>

数据输入

<script>
var data = {
    list:[
       {name:'first','messages':[{title:'一条信息'},{title:'一条信息'},{title:'一条信息'}]},
       {name:'second','messages':[{title:'一条信息'},{title:'一条信息'},{title:'一条信息'}]},
    ]
};
var html = template('demoTpl',data);
</script>

模板内容

<script type="text/html" id="demoTpl">
    {{each list as value}}
    <div class="report-item">
        <div class="name">
            {{value.name}}
        </div>
        {{each value.messages as msg}}
        <div class="report-msg">
            <div class="msg">{{msg.title}}</div>
        </div>
        {{/each}}
    </div>
    {{/each}}
</script>
1 个回答

学习
记录

发布
问题

分享
好友

手机
浏览

扫码手机浏览