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

Question

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

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

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

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

但这里我有一个问题，代码无法识别视图文件夹，也无法识别我也尝试将部分文件复制到其中的资产文件夹。

这是我的 ajax 函数的代码 sn-p

<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 库添加到您的 assets/linker/js 目录中。

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