backbone.js - 下划线模板 : for statement dynamic values

Question

我正在使用下划线模板从模型中获取和显示值。下面的代码工作正常。

<% for (var i = 1; i <= data.total; i++) { %>
<td>List <%= i %>  </td>
<% } %> 

同样，我需要获取存储在模型中的动态值，如 {List1、List2、List3 等。} 并需要将其显示在模板中。

为此我试过了

 1. <% for (var i = 1; i <= data.total; i++) { %>
    <td><%- data.List<%= i %> %></td>
<% } %> 
 2. <% for (var i = 1; i <= data.total; i++) { %>
    <td><%- data.List${i}  %></td>
<% } %>

其中数据是模型对象，List1、List2.. 是它的值。

以上代码均无效。我刚刚查看了支持这种操作的 freemaker 模板。

Freemaker Template for loop

我们能否采用相同类型或任何其他方法来实现这一目标？

Answer 1

Underscore 模板的内插部分只是 JavaScript 表达式，因此您可以按照与普通 JavaScript 代码完全相同的方式进行操作(即使用 [] 和一些字符串操作来构建键):

<td><%- data['List' + i] %></td>