日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

新公司項目，同事推薦了我JsRender 模板插件，用了感覺挺好用的，至少比拼接字符串方便的多，而且支持綁定和函數(shù)判斷，以及一些其他的高級用法，我用到的有，數(shù)據(jù)綁定，if else 判斷，和方法綁定等。廢話不多說，開始介紹。（并非jsRender學習，只是個人項目總結(jié)）

先看一段代碼：

沒錯，以上就是模板了，{{}}里的就是要綁定的Model數(shù)據(jù)。首頁，頁面上引用jsrender.js不多說，如果綁定上述模板的的話，方法如下：

 var tabhtml = $("#letterSendUserInfoTemplate").render(data);
                letter.options.leftlettertabcontainer.html(tabhtml);
  var data=[{headPhotos:'',name:'',title1String:'',title2String:'',microMotto:''},
  {headPhotos:'',name:'',title1String:'',title2String:'',microMotto:''}];

其實很簡單，如果是ajax請求的話，只要把返回的數(shù)據(jù)項綁定到相應的html上，然后用模板的render方法得到相應的html，賦值給相應的div或者其他元素，就OK了， 省去了自己拼寫html并且難維護的麻煩。

使用功能一： for循環(huán)

 {{for #data}}html代碼{{/for}}

使用功能二：if else 根據(jù)不同的條件判斷給元素賦值不同的class

class="{{if placeMent==0}}other `else`self{{/if}} {{if isRead}}`else`notRead{{/if}} clearfix"

使用功能三：用js方法，將時間轉(zhuǎn)換為固定格式，注意ShortTimeFormatter方法必須放在$.views.helpers里面

$.views.helpers({
    TimeFormatter: function (time) {
        var t = time.split('T');
        var result = t[0].substr(0, 10) + ' ' + t[1].substr(0, 5);
        return result;
    },
    ShortTimeFormatter: function (time) {
        var t = time.split('T');
        var result = t[0].substr(2, 8) + ' ' + t[1].substr(0, 5);
        return result;
    },
    LastTimeFormatter: function (time) {
        return $.getDateDiff(time);
    }
});

                    {{>~ShortTimeFormatter(addTime)}}