我正在尝试使用现有页面(使用TouchUI的路径浏览器选择)作为我的HTL页面上的弹出/模态。是否有一种方法可以使用不同的文件添加/注入HTML? 它更多的是关于在页面上播放html而不是如何构建对话窗口。
答案 0 :(得分:7)
您需要的是在页面中包含内容(而不是模板),最好使用data-sly-resource
和页面路径(/ content / myapp / content / myPageIwantToDisplayAsModal)。这将在您的页面上呈现相关的html - 请记住,在AEM中,内容知道如何显示自己 - 如上所述,您只需要引用内容
也许你也可以利用选择器来显示整个html以及<head>
部分和不需要的<body>
标签
所以例如:
<div data-sly-resource="${'/content/myapp/content/myPageIwantToDisplayAsModal' @ selectors=['content']}"></div>
for referrence go https://docs.adobe.com/docs/en/htl/docs/block-statements.html
答案 1 :(得分:1)
一种方法是使用引用组件并注入引用页面的HTML。然后你可以使用JS / CSS魔术将它打包/样式化为弹出窗口。