arttemplate使用子模板实现嵌套循环

最新推荐文章于 2023-01-03 12:34:09 发布

xuexuan_050848

最新推荐文章于 2023-01-03 12:34:09 发布

阅读量9.8k

点赞数 2

分类专栏： arttemplat 文章标签： arttemplat

本文链接：https://blog.csdn.net/xuexuan_050848/article/details/53886409

版权

arttemplat 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

要展示的数据格式

list:[ {
        "name" : "",
            "age" : 24,
            "scoreList" : [ {
                "sname" : "java",
                "score" : 100
            }, {
                "sname" : "c++",
                "score" : 100
            } ]
        } ]

模板代码

<script id="testTemplate" type="text/html">
    {{each list}}
        <span>{{$value.name}}</span>
        <span>{{$value.age}}</span>
        {{include 'scoreTemplate' $value}} <!--引入子模板-->
    {{/each}}
</script>

<script id="scoreTemplate" type="text/html">
    {{each scoreList}}
        <span>{{$value.name}}</span>
        <span>{{$value.score}}</span>
    {{/each}}
</script>