HTL - 如何在另一个页面上显示一个页面,如popup/modal

fer*_*ndo 3 adobe aem sightly htl

我正在尝试使用现有页面(使用TouchUI的路径浏览器选择)作为我的HTL页面上的弹出/模态.是否有一种方法可以使用不同的文件添加/注入HTML?它更关于在页面上播放html而不是如何构建对话窗口.

ub1*_*b1k 7

您需要的是在页面中包含内容(而不是模板),最好使用data-sly-resource页面路径(/ content/myapp/content/myPageIwantToDisplayAsModal).这将在您的页面上呈现相关的html - 请记住,在AEM中,内容知道如何显示自己 - 如上所述,您只需要引用内容

也许你也可以利用选择器来不显示整个html以及<head>section和不需要的<body>标签

例如:

<div data-sly-resource="${'/content/myapp/content/myPageIwantToDisplayAsModal' @ selectors=['content']}"></div>

请参阅https://docs.adobe.com/docs/en/htl/docs/block-statements.html