下划线模板：用于声明动态值

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>

下划线模板：用于声明动态值

Underscore template : for statement dynamic values

backbone.js

underscore.js

underscore.js-templating