对于mustache模板,我是属于即用即查的方法,以下记录仅是我常用的方式。方便以后使用时不用再去项目中去找,因为真的不好找。(此处 -->serious 脸)

  当需要渲染一些数据列表的时候,使用这个模板是比较快捷的。(具体详情语法看文档)

   一.首先需要添加html模板部分。

   <script >

    {{#data}}   -->列表数据 

       //此处只是示例,换成需要循环的列表即可 

      <h3 class="order-num-box">订单号:<span class="order-num">{{payid}}(此处写数据循环列表中的变量名,为了绑定字段中的内容不需要被转义我们可以{{&payid}})</span> 

      <span class="item-time pull-right">下单时间:{{paytime}}</span>

    </h3> 

    {{/data}}
  </script>

   二. 获取模板

       var tmpl = $('#template').html();

  三. 渲染模板

    function showRecordData(data) {

       Mustache.parse(tmpl);

    }
  }
  });
  return rendered;  //返回渲染好的html数据。 
}

 

相关文章:

  • 2021-10-01
  • 2022-01-06
  • 2021-10-22
  • 2021-10-09
  • 2021-08-27
  • 2022-12-23
  • 2021-11-15
  • 2021-10-03
猜你喜欢
  • 2021-10-07
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-15
相关资源
相似解决方案