Question

我正在尝试显示JSON数据但是我有这个错误。有人可以帮我这个吗？

错误 - ＆gt;意外的标记 ;在 “/home/ubuntu/workspace/project_guest_book/views/pages/posts.ej

导致错误的代码如下：

<%  var post = require(__dirname +"/userPosts.json")
        var result= %> 
          <table>
            <% for (var i=0; i<post.length; i++){
               result += %>
                 <tr>
                    <th><% post[i].Name+ %></th>
                    <td><% post[i].Post %></td>
                 </tr>
            <% } %>
          <table>

Answer 1

预计EJS不会以您尝试使用它的方式使用。

将ejs模板视为带有嵌入式javascript的标记，该javascript编译为可以提供所需数据的函数，并返回最终的html。

因此，您不必担心将中间标记存储在变量或html片段的连接中。

查看此fiddle中的实施：

<script id="template" type="text/html">
  <table>
    <% for (var i=0; i< posts.length; i++){ %>
      <tr>
        <th><%= posts[i].Name %></th>
        <td><%= posts[i].Post %></td>
      </tr>
    <% } %>
  <table>
</script>

-

// This can be loaded from an external file:
var posts = [{
  Name: "Post1", Post: "Lorem ipsum dolor sit amet"
}, {
  Name: "Post2", Post: "Lorem ipsum consecteuter adpiscing elit"
}]

var compiledTemplate = ejs.compile(document.getElementById('template').innerText)

console.log(compiledTemplate({ posts: posts }))

如何将JSON数据导入我的ejs模板？

1 个答案: