html 小胡子入门

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 小胡子入门相关的知识，希望对你有一定的参考价值。

var listTpl;
var $list;

$( document ).ready( function() {
  // make the template globally accessible
  listTpl = $( '#list-tpl' ).html();
  $list = $( '#list' );
  
  let data = [{username: 'user 1'},{username: 'user 2'},{username: 'user 3'}]
  let rendered = Mustache.render( listTpl, data );
  $list.html( rendered );
});
<!DOCTYPE html>
  <head>
    <title>Mustache Starter</title>
  </head>

  <body>
    <ul id="list">
      
    </ul>
    
    
    <script id="list-tpl" type="text/template">
      {{#.}}
        <li>{{username}}</li>
      {{/.}}
    </script>
    
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.js"></script>
    <script src="main.js"></script>
  </body>

</html>

以上是关于html 小胡子入门的主要内容，如果未能解决你的问题，请参考以下文章

vue 初始复习

html+css制作扑克牌/小胡桃展开特教

胡子渲染列表如果不为空[重复]

湖南房卡跑胡子棋牌源码，娄底跑胡子衡阳跑胡子怀化跑胡子湘乡跑胡子

小胡子条件和循环

车把/小胡子 - 缺少助手：“部分”