JS模板引擎-腾讯artTemplate 总结

本文介绍了一种使用自定义模板引擎处理数据的方法,通过示例展示了如何将JSON数据填充到HTML模板中,包括条件判断和循环遍历等技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

整个使用流程
先引入js:
src=”${path}/js/template.js”

要替换的位置:

{{each skillList as value i }}

{{value.className }}

编辑
{{value.subTitle }} {{if value.serviceType==1}}线上{{/if}} {{if value.serviceType==2}}线下{{/if}}

{{value.details }}

{{value.price }} 元/次
删除
{{/each}}

js处理:

//获取优选服务 模板
var preferList=${preferList };//后台传的json串
var perfer = template(‘perfer’,preferList);//对应上面的div id,及模版id
document.getElementById(‘perferServe’).innerHTML = perfer;

技巧1:
if else使用
{{if value.serviceType==0}}线上{{/if}}
{{if value.serviceType==1}}线下{{/if}}

技巧2:
foreach使用,重新使用一个each,循环里套循环
{{each skillsList[i].SkillImgs as value j}}
xxx
{{/each}}

揣摩一下,希望会帮助你!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值