前端模板引擎doT.js的用法

简介

一款简单好用的前端模板引擎

用法

! 和 = 的用法与区别

class="ibBox yhxx" id="userInfo">
　　

两者都是赋值，区别于 ! 无法渲染数值为0的数据，而 = 可以，不过 ! 可以渲染带编码的数据，比如

var data= {"url":"http://jq22.com/?keywords=Yoga","html":"
html元素"};

~ 的用法

{{~it.list:item:index}}
"{{!item.id}}">
    {{!item.title}}
    {{!item.publishTime}} 

{{~}}

用于循环数组

? 的用法

class="{{? it.type==1}}w1{{?? it.type==2}}w2{{??}}w3{{?}}">
　　{{?it.status==0}}未发布{{??}}已发布{{?}}

条件判断,相当于if....else if......

# 的用法

class="ibBox yhxx" id="userInfo">
　　

格式：定义模板{{##def.name:******#}} name为模板名称，*****为模板内容，引用模板{{#def.name}} name为模板名称

for 原生循环的使用

{{ for(var i=0;i){ }}
　　{{ if(it[i].bz == 1){ }}
    　 {{#def.tem1}}
   {{ }else{ }}
   　　{{#def.tem2}}
　　{{ } }}
{{ } }}