doT.js变量和数组混合读取方式
本文共 1078 字，大约阅读时间需要 3 分钟。
- 可以包裹任意大小的html
- 变量在其包裹的任意区域都有效
- 单个变量可以和数组分开展示
- 最好放置在最下方执行js
数据结构
var data = { "id": "1280", "name": "漂亮的衣服", "price": "100", "oprice": "150", "goods_img": [ "http://image.diandodo.com/zhudianbao/Uploads/User/u1250000189/20160718/a/578c97464f436.jpg@1000w", "http://image.diandodo.com/zhudianbao/Uploads/User/u1250000189/20160718/d/578c973b1fa40.jpg@1000w", "http://image.diandodo.com/zhudianbao/Uploads/User/u1250000189/20160718/6/578c973352e0f.jpg@1000w" ] }; 区域div
包裹区域
单个变量使用
{ {= it.name}}
变量中数组使用
方式1
{ { for(var prop in it['goods_img']) { }} 
{ { } }} 方式2
{ {~ it.goods_img:v}} 
{ {~}} 方式3
{ { for(var prop in it['goods_img']) { }}{ { var v = it['goods_img'][prop]; }} { { } }} JS处理
var interText = doT.template($("#goodstmpl").text());$("#info_area").html(interText(data)); 
小结
很好用~
本文转自TBHacker博客园博客，原文链接：http://www.cnblogs.com/jiqing9006/p/5949852.html，如需转载请自行联系原作者
你可能感兴趣的文章
2013 Multi-University Training Contest 3 部分解题报告
查看>>
Linux 网桥配置命令：brctl
查看>>
jQuery中异步操作对象Deferred
查看>>
MVC设计模式
查看>>
在团队项目遇到的问题及解决方法。
查看>>
springcloud demo---config-client
查看>>
Django设置联合唯一约束 -- migrate时报错处理
查看>>
Java LeetCode 1.Two Sum
查看>>
前端面试题：css相关面试题
查看>>
shell命令的高级使用之－－－选择性copy
查看>>
最长回文子序列-----动态规划
查看>>
Vue国际化实现
查看>>
设计模式：单例模式
查看>>
FLASH位宽为8、16、32时，CPU与外设之间地址线的连接方法
查看>>
双网卡一般情况不能有两个网关 （转）
查看>>
xshell 远程连接Linux
查看>>
Linux计划任务及压缩归档（week2_day1）--技术流ken
查看>>
ccf算法模板
查看>>
微信小程序登录 该死的官方文档TypeError: the JSON object must be str, not 'bytes'
查看>>
VMware 虚拟机克隆 CentOS 6.5 之后，网络配置问题的解决方案
查看>>