I encountered an error when attempting to load one of my underscore templates. It seems to be related to an issue in the for loop, which I suspect should be a .each loop, but I'm still trying to grasp its structure.
Here is a snippet of my template:
<script type="text/html" id="Customer-List-View">
<p> Please click on a customer to select </p>
<table >
<thead>
<th> Customer Name </th><th>Last Invoice date</th><th>Last item added</th>
</thead>
<tbody>
<% for (var i = 0, i < customers.length, i++){ %>
<tr class="cusTableRow" id="<%=customers[i].objectId %>" >
<td> <%= customers[i].custName %> </td>
<td> <%= customers[i].custLastInvoiceDate %> </td>
<td> <%= customers[i].CustLastItemDate %> </td>
</tr>
<% }; %>
</tbody>
</table>
<button id="customerAdd"> Add a new customer </button>
<p> Here should be a set of buttons for working with customers </p>
</script>
The template is being invoked by the following code:
$('#tableDiv').html(_.template($("#Customer-List-View").html(), {'customers': globalCustomerList}));
I believe it's a simple issue, especially since it's my first time working with tables in templates. Any assistance would be greatly appreciated.
Thank you in advance!