UnderscoreJS - Template and _.each

UnderscoreJS - Template and _.each

by Nirvanachain

HTML

<script src="http://underscorejs.org/underscore-min.js"></script>
<ul id="list2">
    <script type="text/html" id="template_1">
         <% _.each(items,function(value, key, list) { %>
             <li>
                 <span> <%= console.log(value) %> </span>
                 <span> <%= console.log(key) %> </span>
                 <span> <%= console.log(list) %> </span>
                 <span> Name: <%= value.name %> </span>
                 <span> Type: <%= value.type%> </span>
             </li>
         <% }); %>  
    </script>
</ul>

JavaScript

var items = [
       {
          name:"name1",
          type:"type1"
       },
       {
          name:"name2",
          type:"type2"
       },
       {
          name:"name3",
          type:"type3"
       },
       {
          name:"name4",
          type:"type4"
       },
       {
          name:"name5",
          type:"type5"
       } 
   ];
           
var template = $("#template_1").html();
$("#list2").html( _.template( template,{items:items} ) );