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>  

 

 

相关文章
|
前端开发 JavaScript
|
JavaScript 前端开发
|
JavaScript
doT js模板入门 3
<div class="markdown_views"> <p><strong>for 循环前判断循环的list是否为空</strong></p> <pre class="prettyprint"><code class=" hljs handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="h
1356 0
|
JavaScript 前端开发 Java
doT js模板入门 2
<div class="markdown_views"> <p>doT js 使用{{}} 非常类似于JSP,所以用起来感觉很亲切,很顺手 <br><strong>{{</strong>–&gt;<strong>&lt;%</strong> <br><strong>}}</strong>–&gt;<strong>%&gt;</strong> <br> 例如:</p> <pre
1184 0
|
JavaScript 前端开发
doT js模板入门
<div class="markdown_views"> <p>doT.js github地址: <br><a href="http://olado.github.io/doT/">doT.js 官方网站 </a> <br><strong><em>实例1:简单</em></strong></p> <pre class="prettyprint"><code class="
2272 0
|
11天前
|
存储 移动开发 JavaScript
学习javascript,前端知识精讲,助力你轻松掌握
学习javascript,前端知识精讲,助力你轻松掌握
|
18天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
13 1
|
25天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
2月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
2月前
|
JavaScript
Vue.js学习详细课程系列--共32节(6 / 6)
Vue.js学习详细课程系列--共32节(6 / 6)
28 0