doT js 宏的使用

简介:

doT js 宏的使用

Html代码   收藏代码
  1. <script id="serviceItemTemplate" type="text/x-dot-template">  
  2.         {{##def.spaceUnit:  
  3.         {{? it.policyInfo.storageUnit==1 }}K{{?? it.policyInfo.storageUnit==2}}M{{?? it.policyInfo.storageUnit==3}}G {{?? }}T {{? }}  
  4.         #}}  
  5.  <div class="buy-list">  
  6.             <ul>  
  7.                 <li class="buy-name">扩容空间(所有):</li>  
  8.                 <li class="buy-select"><input name="expansion_storage" onkeypress="onlyNumberKeyPress(event)" type="text"></li>  
  9.                 <li class="buy-unit">{{#def.spaceUnit}}</li>  
  10.                 <li class="buy-state">空间单价 {{=it.normalPrice.storagePrice}}元/  
  11.                     {{#def.spaceUnit}}</li>  
  12.             </ul>  
  13.         </div>  
  14.         </script>  

 

其中##def.spaceUnit 就是宏

复杂条件判断

Html代码   收藏代码
  1. <script id="orgListTemplate" type="text/x-dot-template">  
  2.         {{ for (var i=0;i<it.length;i++){ }}  
  3.         <ul class="company-list {{? it[i].selectable }} com-enable{{?? }}com-disable {{? }}" data-orgId="{{=it[i].orgId }}"  >  
  4.             <li class="choice-box disable"></li>  
  5.             <li class="company-name"><span >{{=it[i].orgFullName }}</span></li>  
  6.             <li class="company-state">  
  7.                 {{? it[i].expire }}  
  8.                     {{=it[i].endTime }}已过期  
  9.                 {{?? }}  
  10.                     {{? it[i].isTrial }}  
  11.                     试用中的企业无法订购,<span class="warning">{{=it[i].endTime }}过期</span>  
  12.                     {{?? }}  
  13.                         {{? it[i].status=='001' }} 未购买{{?? it[i].status=='002'}}已支付 {{?? }}已购买 {{? }}  
  14.                     {{?}}  
  15.                 {{?}}  
  16.                  </li>  
  17.         </ul>  
  18.         {{ }}}  
  19.         </script>  

 

 

相关文章
|
29天前
|
前端开发 JavaScript API
JavaScript 的宏任务和微任务有什么区别
【9月更文挑战第6天】JavaScript 的宏任务和微任务有什么区别
22 4
|
3月前
|
JavaScript 前端开发 API
js 运行机制(含异步机制、同步任务、异步任务、宏任务、微任务、Event Loop)
js 运行机制(含异步机制、同步任务、异步任务、宏任务、微任务、Event Loop)
32 0
|
4月前
|
JavaScript 前端开发
js中的宏任务与微任务
js中的宏任务与微任务
|
5月前
|
JavaScript 前端开发
前端 JS 经典:宏任务、微任务、事件循环(EventLoop)
前端 JS 经典:宏任务、微任务、事件循环(EventLoop)
47 0
|
5月前
|
存储 JavaScript 前端开发
JS的执行原理,一文了解Event Loop事件循环、微任务、宏任务
了解JavaScript的事件循环和任务队列对于处理异步任务至关重要。事件循环由主线程和任务队列组成,当主线程执行完同步任务后,会检查任务队列,按顺序执行宏任务和微任务。宏任务包括`setTimeout`等,微任务如`Promise`的回调。在实际开发中,事件循环保证了代码的非阻塞执行,提高了用户体验。例如,`setTimeout`的回调会在当前宏任务结束后,所有微任务执行完才会执行。理解这一机制对于解决面试中的异步问题非常有帮助。
61 0
JS的执行原理,一文了解Event Loop事件循环、微任务、宏任务
|
5月前
|
JavaScript 前端开发 调度
(详解)js中什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?
(详解)js中什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?
101 1
|
5月前
|
监控 前端开发 JavaScript
Javascript宏任务与微任务以及事件循环
Javascript宏任务与微任务以及事件循环
|
5月前
|
JavaScript 前端开发
JS宏任务和微任务
JS宏任务和微任务
68 0
|
前端开发 JavaScript
web前端面试高频考点——JavaScript 篇(二)【JS 异步进阶】Event Loop、then 和 catch、async/await、宏任务微任务、手撕 Promise 源码
web前端面试高频考点——JavaScript 篇(二)【JS 异步进阶】Event Loop、then 和 catch、async/await、宏任务微任务、手撕 Promise 源码
168 0
|
JavaScript 前端开发 调度
js中什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?
js中什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?
235 0