javascript - 循环内未定义下划线模板

Question

使用下划线模板。循环 Backbone 集合:

  <% _.each(venues, function (venue) { %>
  <tr>
    <td class="text-muted"><%= venue.get('city') %></td>
    <td class="text-muted"><%= venue.get('name') %></td>
    <td class="text-muted"><%= venue.get('live') == true ? "Yes" : "No" %></td>
    <td class="text-muted">$0.00</td>
    <td class="blank controls">
      <a href="#"><span class="icon icon-edit"></span><span class="text-hide">Edit</span></a>
    </td>
  </tr>
  <% }); %>

我得到:

Uncaught TypeError: Cannot call method 'get' of undefined 

Answer 1

如果venues是一个Backbone.Collection，那么它将混合所有下划线迭代方法。

尝试:

<% venues.each(function (venue) { %>
  <tr>
    <td class="text-muted"><%= venue.get('city') %></td>
    <td class="text-muted"><%= venue.get('name') %></td>
    <td class="text-muted"><%= venue.get('live') == true ? "Yes" : "No" %></td>
    <td class="text-muted">$0.00</td>
    <td class="blank controls">
      <a href="#"><span class="icon icon-edit"></span><span class="text-hide">Edit</span></a>
    </td>
  </tr>
<% }); %>