使用art-template循环进行html代码拼接

我这边需要做的是把上次生成的html代码插入到下一次模板渲染中,那么要实现这个需求,我用的是

模板的拓展方法(过滤器)

template.defaults.imports.+(方法名/变量名) =变量值/方法

那么具体如何实现呢 接下来 Code up:

//上一次产生的html代码
template.defaults.imports.lastHtml = "";

arrayList=[{name:"爸爸"},{name:"儿子"},{name:"孙子"}];

 arrayList.forEach(item => {
        //创建模板
        html = template("tpl", item);
        template.defaults.imports.nextHtml = html;
    });

console.log(html );

<!--输出结果
     <div>
          爸爸  
          <div>
            儿子
            <div>孙子</div>
          </div>
     </div>
-->
//HTML里的模板代码
<script type='text/html' id="tpl">
            {{if data > 1}}
            <div>
                {{data}}
                {{@$imports.lastHtml}}
            </div>
            {{else}}
            <div>{{data}}</div>
            {{/if}}
        </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值