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>