EJS模板语言内部逻辑以某种方式失败

时间:2015-03-17 22:37:24

标签: javascript node.js ejs

我正在使用EJS部分而且我遇到了一个即使在浪费了几个小时后也无法弄清楚的错误......

以下是加载partial的代码:

<%- partial(__view.partialPath('tag_popover'), {
    title_popover: sentence.nickname,
    content_tag: '#' + sentence.nickname,
    icon_popover: 'http://placehold.it/64x64'
}) %>

<%- partial(__view.partialPath('tag_popover'), {
    title_popover: 'Last revision',
    content_tag: '#' + sentence.sentenceId
}) %>

以下是tag_popover部分:

<%
/**
 * Creates a standalone tag with dynamic title, content and popover for additional content.
 *
 * @param classes_tag       CSS classes. ['tags']
 * @param content_tag       Tag content.
 * @param icon_popover      Popover icon. [none]
 * @param title_popover     Popover title, will be displayed.
 */

title_popover = typeof title_popover != 'undefined' ? title_popover : ''
classes_tag = typeof classes_tag != 'undefined' ? classes_tag : 'tags'
icon_popover = typeof icon_popover != 'undefined' ? icon_popover : false
content_tag = typeof content_tag != 'undefined' ? content_tag : ''
%>

<li class="<%= classes_tag %>" title="<%= title_popover %>">
    <a href="#"><%= content_tag %></a>
    <%- partial(__view.partialPath('popover_revision_translation'), {
        icon_popover: icon_popover
    }) %>
</li>

最后是popover_revision_translation部分:

<%
/**
 * Creates a standalone popover with dynamic title and body.
 *
 * @param icon_tag   Icon. [none]
 */
icon_popover = typeof icon_popover != 'undefined' ? icon_popover : ''
%>
<% console.log('--------------------------'+typeof icon_popover)%>
<% console.log(icon_popover ? true: false)%>

<div class="custom-popover-content hide" role="seealso">
    <% if(icon_popover){ %>
        <img src='<%= icon_popover%>' />
    <% } %>
    <span>Test</span>
</div>

所以基本上,我的tag_popover部分调用两次,一次调用icon_popover,一次调用icon_popover。但它在第一个元素上显示两次图标,在第二个元素上显示两次,我不想要任何图标。

所以,我在console.log中放了一些popover_revision_translation来帮助我理解发生了什么,因为我要求图标仅在设置时呈现,并将其设置为{ {1}}如果未定义:false

以下是服务器日志:

icon_popover = typeof icon_popover != 'undefined' ? icon_popover : false

所以基本上它是--------------------------string true --------------------------boolean false 还是string,它会进入我的false声明if,我无法找出原因。

我做了更多测试,例如<% if(icon_popover){ %><% if(icon_popover !== false){ %>,在这两种情况下我都遇到了相同的结果。

所以我真的没有得到它,我认为它可能与一些EJS内部问题或缓存有关,但无论如何,日志显示的东西似乎合乎逻辑但却没有,这真的很奇怪。这样做......

2 个答案:

答案 0 :(得分:1)

这与EJS失败无关,实际上是因为javascript动态解析总是占用第一个元素,它有图标。生成的源代码是正确的,但它的使用并不总是显示相同的。

这里没有黑魔法。 :)

答案 1 :(得分:0)

看起来像是一个范围问题。我不知道您的工具链的细节,但可能是&#34;参数&#34;是在全局名称空间中还是在公共名称空间中。检查您的文档以了解如何创建局部变量(或者可能无法创建局部变量。)如果您无法找到其他任何内容,请尝试将var放在每个定义的前面,例如:

var title_popover = typeof title_popover != 'undefined' ? title_popover : '';
var classes_tag = typeof classes_tag != 'undefined' ? classes_tag : 'tags';
var icon_popover = typeof icon_popover != 'undefined' ? icon_popover : false;
var content_tag = typeof content_tag != 'undefined' ? content_tag : '';

我不确定这是否有效,因为我不了解EJS,但值得尝试。