码迷,mamicode.com
首页 > Web开发 > 详细

doT.js

时间:2016-12-22 10:48:28      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:pre   ++   今天   rip   tmp   class   listt   length   text   

最近用到的数据模板引擎有很多,今天讲的doT.js也是其中一种。

doT.js的特点是体积小,速度快,并且不依赖其他插件。

官网下载:http://olado.github.io

下面是用法:

模板引擎

<script id="visitlisttmpl" type="text/x-dot-template">
    {{if( it && it.length>0 ){ }}
    {{ for(var i=0; i< it.length; i++) { }}
        
    {{ } }}

    {{ }else{ }}

    {{ } }}
 </script>

调用模板引擎

<script type="text/javascript">
    var evalText = doT.template($("#visitlisttmpl").text());//visitlisttmpl是模板
    html = evalText(data);//data是已经得到的数据集合,json数据格式
  $("#temp").html(html);
</script>

 

 在使用模板引擎的过程中,会遇到一些问题,比如说是if...else...的用法,如下:

{? it[i].data === null }}//if

{{?? }}//else

{{? }}//特别是最后的这个,一定不能忘

当然还有一些其他的用法,以后在使用的过程中会慢慢补充上。

doT.js

标签:pre   ++   今天   rip   tmp   class   listt   length   text   

原文地址:http://www.cnblogs.com/ABblog/p/6209868.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!