使用jQuery附加EJS部分

Question

我正在尝试使用JQuery追加一个EJS部分.我想要做的是在表中实现无限滚动 - 我使用EJS将表的行渲染为部分,并在每个部分内使用更多EJS来显示从Express传递到视图中的变量.

table.html

<tbody>
  <% include row.html %>
</tbody>

row.html

<% users.forEach(function(user){ %>
  <td><%= user.name %></td>
  ...and so on
<% }) %>

jQuery的

$('tbody').append('<%- include row.html %>')

我现在遇到的问题是我无法在jQuery中使用最后一个<%include row.html%>.我调试了这个并将问题隔离到这行代码.我能做些什么来完成这项工作？

谢谢!

Answer 1

根据我对express/ejs的理解,如果您想在页面加载后(在客户端上)添加其他EJS模板,则需要在页面上包含EJS客户端脚本,呈现新的HTML并附加它与jQuery.

例:

// Get your data
var additionalUsers = { users: [ { name: 'Bob' } ] };

// Moved and renamed the row.html to: /public/templates/row.ejs
var html = new EJS({ url: '/templates/row'}).render(additionalUsers);

// Append the rendered HTML
$('tbody').append(html);