Mustache.js 模板的使用

    //模板预编译
    Mustache.parse(_template);
    var html = Mustache.render(_template, {
                    data:data,
                    imagePath:imagePath
                });
    var _template = [
        '{{#data}}<li>',
        '   <ul οnclick="openDestinationTicket(this);" style="cursor:pointer">',
        '       <li id="1" class="ubb ub bc-border t-bla ub-ac lis" data-index="0">',
        '           <ul class="ub  ub-ver">',
        '               <li>',
        '                   {{^isIfs}}{{#imagePath}}<img class="lis-icon ub-img" src="{{imagePath}}{{hotelImage.imgUrl}}">{{/imagePath}}{{/isIfs}}',
        '                   {{#isIfs}}<img class="lis-icon ub-img" src="{{hotelImage.imgUrl}}">{{/isIfs}}',
        '                   <input name="hotelId" style="display:none" value="{{hotelId}}">',
        '                   <input name="isIfs" style="display:none" value="{{isIfs}}">',
        '               </li>',
        '           </ul>',
        '           <ul class="ub-f1 ub ub-pj ub-ac">',
        '               <ul class="ub-f1 ub ub-ver marg-l">',
        '                   <li class="bc-text ub ub-ver ut-m line1">',
        '                       <h4 class="fw-4">{{hotelName}}</h4>',
        '                   </li>',
        '                   <li class="ulev-4 sc-text1 uinn3">',
        '                       <p class="titleAttr tcov">{{address}}</p>',
        '                   </li>',
        '               </ul>',
        '               <ul class="ub ub-ver ub-ae umar-r">',
        '                   <li class="bc-text lv_subTitle">',
        '                       <p class="ticketPrice fw-4">￥<em>{{salePrice}}</em>起</p>',
        '                   </li>',
        '               </ul>',
        '               <li class="fa fa-angle-right ulev2">',
        '               </li>',
        '           </ul>',
        '       </li>',
        '   </ul>',
        '{{/data}}</li>'
    ].join('');