问题标签 [htl]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1152 浏览

aem - 带有“&&”运算符的 AEM 视觉条件渲染

我正在尝试在 AEM 中显示基于专有模型存在的两组不同脚本。

&& 运算符的这种用法正确吗?:

先感谢您

0 投票
1 回答
2109 浏览

aem - AEM 多字段数据狡猾重复 ${item} 不起作用

这一直让我发疯-希望有人可以帮助我。

我有一个名为“书籍”的多字段组件,带有一个文本字段:“标题”。

一切似乎都在工作;对话框包含多字段,然后我添加两个标题字段,然后输入“title1”和“title2”。

然后在 HTML 本身中我去:

我没有得到的是, ${item} 正确地给了我: {"title": "title1"} {"title": "title2"}

并且 ${itemList.index} 正确地给了我:0 1

但 ${item.title} 一直出现空白。我也尝试了 ${item["title"]} 并且它也出现了空白。

我在这里做错了什么?在我绝望中,我考虑使用

然后使用 JS 处理 JSON 对象,但我真的不想这样做。

请有人帮忙!

0 投票
3 回答
780 浏览

href - AEM 属性在

但不在 href 属性中

我正在使用此代码制作自定义多字段面包屑组件。

我添加了段落元素来显示我的属性如何显示。

这是html输出:

代码输出

如果我删除 p class="works" 中的单引号,则该值将显示面包屑项目的链接值。如果我在 p class="doesn't work" 中添加单引号,则不会显示任何内容。

您会认为从 href 中的相同值中删除引号会将我的链接显示为 href;但是,当我删除 href 值中的引号时,它会完全删除锚标记。当我重新添加它们时,我仍然可以看到锚标记,但根本没有 href 属性,只有面包屑链接类。

如何获取 href 值以显示链接?

0 投票
2 回答
1843 浏览

aem - 如何格式化字符串以在呈现为 HTML 的内联脚本中使用?

我有以下属性字符串

GET 50% OFF ANY M'EDIUM OR L"AR"GE PIZZA!

我在 HTML onclick 标记中使用它,就像这样

onclick="trackPromoCta(encodeURI(${properties.ctaTwoTextRight @ context='text'}));"

但是,这会输出无效的 html。我尝试了 scriptString 的@context 并且它转义但仅适用于 JavaScript 内部,而不适用于 HTML 标记内部。我也尝试了所有其他选项,但它们都没有真正转义用于呈现 HTML 的特殊字符。

我曾经看到有人使用@format 在字符串中搜索这些字符并将它们转义为HTML,但我不知道如何使用@format 来执行此操作。

预期的输出应该是

onclick="trackPromoCta(encodeURI('GET 50% OFF ANY M'EDIUM OR L"AR"GE PIZZA!'));"

0 投票
5 回答
4814 浏览

aem - 如何检查 HTL (AEM) 中未定义的变量属性?

AEM的新手在这里。说我有:

"undefined"如果未定义,我不希望数据文本返回字符串。我尝试使用逻辑运算符,但它不起作用..

我认为myVariable.someProperty返回未定义而不是布尔值。有什么想法可以检查 HTL 中的未定义(或者我做错了什么)?

0 投票
1 回答
3042 浏览

aem - AEM 6.x:如何将 HTL 变量传递给 clientlib/JS?

所以我有以下几行加载我的javascript。

我有一个要传递给 myCustomJS 的 HTL 属性(例如:${properties.myCustomProperty})。

有什么想法可以做到吗?

我环顾了网络,但没有发现任何有用的东西。

谢谢你。

0 投票
1 回答
1072 浏览

aem - 三元运算符不适用于 HTL 中的 data-sly-list?

我正在尝试将列表设置为来自两个不同对象的成员列表之一,并且obj1优先于. 所以我有以下代码:obj2obj1obj2

但是当我运行应用程序时,我得到一个解析错误:

据我所知,三元运算符适用于非 data-sly-list htl 语句。那么有解决这个问题的方法还是我做错了什么?

0 投票
1 回答
1203 浏览

aem - 如何在sightly aem 6.2中访问地图列表

目前我需要从 List 中访问 Map 的元素。请参阅下面的示例代码片段。

现在我必须从列表中访问和显示这个地图元素。任何人都可以建议我如何做到这一点。

0 投票
2 回答
1408 浏览

aem - 在呈现的 HTML 中消失的标记(在 href 属性中使用 HTL)

所以我有这块 HTL

当我在本地 AEM 中查看页面(查看为已发布)时,这是呈现的 HTML

可以看出,a 标签已经消失。

作为测试,我尝试像这样直接使用相对链接:

我尝试了使用/不使用 context=uri ,但遇到了同样的问题。

a 标签也消失了。使用完整的 URL(即http://www.myhost.com/content/myhost/en/fishes.html可以正常工作。

关于如何解决它的任何想法?

谢谢

编辑:我还在我们的测试环境(在云中并由 Adob​​e 托管)中尝试了第二个代码(使用相对 URL 的代码),我遇到了同样的问题。

0 投票
1 回答
1169 浏览

aem - 通过路径轻松获取 Page 对象

为什么以下代码在我的组件中不起作用?