Mustache.js 模板的使用

    //模板预编译    Mustache.parse(_template);    var html = Mustache.render(_template, {                    data:data,                    imagePath:imagePath                });    var _template = [        '{{#data}}<li>',        '   <ul onclick="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('');