jQuery: 간단한 템플릿 불러오기

3864 단어 jqueryunderscore
간단명료한 코드 한 소절:
<head>
    <!--   :jQuery, underscore -->
    <script src="//cdn.bootcss.com/underscore.js/1.8.3/underscore-min.js"></script>
    <script src="//cdn.bootcss.com/jquery/3.0.0-alpha1/jquery.js"></script>
</head>



<body>
<!--      HTML -->
<table id="sample"></table>

<!--    -->
<script> //      $(function() { var tpls = $.tpls = {}; $('[type=x-html-template]').each(function(ind, tpl) { tpls[tpl.id] = _.template(tpl.innerHTML); $(tpl).remove(); }); }); //      $(function() { var users = [ {firstName: 'Alex', lastName: 'Enderby'}, {firstName: 'Bill', lastName: 'Smith'} ]; //      _.each(users, function(user) { var tpl = $.tpls['tpl-row']; $('#sample').append(tpl(user)); }); }); </script>

<!--         ,   $.tpls[NAME]         -->
<script type="x-html-template" id="tpl-row"> <tr> <td><%= firstName %></td> <td><%= lastName %></td> </tr> </script>

</body>

좋은 웹페이지 즐겨찾기