javascript - 如何使用 Underscore 和 Backbone 在 HTML 中表示模型属性

Question

我有一个应用程序，可以在框内显示框。每个盒子模型都有一个方法“children”，它返回盒子内显示的任何盒子。我想要做的是单击一个按钮，然后将子项呈现为表格，并将其属性列在几列中。

我不太确定该怎么做。我认为下划线模板可能看起来像这样:

<table class='list-items-template'>
          <tr>
          <td><%= this.model.ITSCHILDX.get('image') %>       </td>
          <td><%= this.model.ITSCHILDX.get('title') %>       </td>
          <td><%= this.model.ITSCHILDX.get('description') %> </td>
          </tr>
      </table>

但是在框 View 中，我需要某种方式来表示每个子项都应插入表中，并且应表示其每个属性。 非常感谢您的帮助。

Answer 1

您可以通过在模板中插入代码块来将迭代逻辑添加到模板中。要修改您的示例:

<table class='list-items-template'>
    <% for (var idx in this.model.ITSCHILDX) { %>
        <tr>
            <td><%= this.model.ITSCHILDX[idx].get('image') %></td>    
            <td><%= this.model.ITSCHILDX[idx].get('title') %></td>    
            <td><%= this.model.ITSCHILDX[idx].get('description') %></td>    
        </tr>
    <% } %>
</table>