node.js - 将 ejs-partial 包含到脚本标记中 (sails.js)

Question

函数，我想使用返回的数据渲染 EJS-Partial 或模板，最后将其附加到 DOM。我尝试过

var html = <%- partial('comment') %>"

但这给了我一个错误，我尝试使用这样的 EJS 模板

var html = new EJS({url: '/comment.ejs'}).render(comment);

但这里我遇到了问题，代码无法识别 View 文件夹或 Assets 文件夹，我也尝试将部分文件复制到其中。

这是我的 ajax 函数的代码片段

<script>
function postComment(){
   if ($('#inputContent').val() != ''){
       $.post( "/comment/create/", $('#commentForm').serializeArray(), function(comment) {
           //var html = new EJS({url: '/comment.ejs'}).render(comment);
           //var html = "<%- partial('comment') %>";
           $(html).appendTo('.comments').hide().fadeIn(2000);
           $('#inputContent').val('');
        });
   }
}
</script>

有人能解决我的问题吗？非常感谢

Answer 1

这是一个可能有助于您到达目的地的示例。

您可以将模板放在/assets/linker/template 目录中。当您使用 --linker 参数创建新的 sails 应用程序时，会创建链接器目录。因此，举例来说，假设我有一个名为:addUser.ejs 的模板文件，其中包含以下代码，它将用户添加到现有表中:

<tr data-id="<%- user.id %>" data-model="user">
        <% if (user.online) { %>
            <td><img src="./images/icon-online.png"></td>
        <% } else { %>
            <td> <img src="./images/icon-offline.png"></td>
        <% } %>
        <td><%= user.id %></td>
        <td><%- user.name %></td>
        <td><%- user.title %></td>
        <td><%- user.email %></td>
        <% if (user.admin) { %>
            <td> <img src="/images/admin.png"></td>
        <% } else { %>
            <td> <img src="/images/pawn.png"></td>
        <% } %> 
        <td><a href="/user/show/<%- user.id %>" class="btn btn-small btn-primary">Show</a></td>
        <td><a href="/user/edit/<%- user.id %>" class="btn btn-small btn-warning">Edit</a></td>
        <td><form action="/user/destroy/<%- user.id %>" method="POST">
            <input type="hidden" name="_method" value="delete"/>
            <input type="submit" class="btn btn-sm btn-danger" value="Delete"/>
            <input type="hidden" class="_csrf" name="_csrf" value="<%- _csrf %>" />
        </form></td>
    </tr> 

在本例中，我现在可以在/assets/linker/js 中包含的单独的 javascript 文件中使用该模板，其中包含以下内容:

$( 'tr:last' ).after(

  JST['assets/linker/templates/addUser.ejs']( obj )
);

因此，这采用模板并使用我随模板传入的 obj 来生成附加到 dom 中的所需 html。

编辑

此外，进入 Gruntfile.js 第 80 行左右应该是以下内容:

var templateFilesToInject = [
'linker/**/*.html'
 ];

将 *.html 更改为 *.ejs。

最后，将 underscore.js 库添加到 asset/linker/js 目录中。

链接器目录结构也很重要。我相信无论您是否使用 --linker 指定，Gruntfile.js 都是相同的，因此请在名为 linker 的 Assets 目录下创建一个目录，其中包含 js、样式和模板的子目录。将 asset/js asset/styles 下的现有文件移至新链接器目录下。