我正在使用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内部问题或缓存有关,但无论如何,日志显示的东西似乎合乎逻辑但却没有,这真的很奇怪。这样做......
答案 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,但值得尝试。