Adobe HTL-如何在另一个页面上显示页面,如弹出/模式

Adobe HTL-如何在另一个页面上显示页面,如弹出/模式,adobe,aem,sightly,htl,Adobe,Aem,Sightly,Htl,我正在尝试使用现有页面(使用TouchUI中的pathbrowser选择)作为HTL页面上的弹出窗口/模式。有没有一种方法可以使用sightly从不同的文件添加/注入HTML? 更多的是在页面上清晰地呈现html,而不是如何构建对话窗口。一种方法是使用引用组件并注入引用页面的html。然后,您可以使用JS/CSS magic将其包装/设置为弹出窗口。您需要的是在页面中包含内容(而不是模板),最好使用数据资源和页面路径(/content/myapp/content/myPageIwantToDis

我正在尝试使用现有页面(使用TouchUI中的pathbrowser选择)作为HTL页面上的弹出窗口/模式。有没有一种方法可以使用sightly从不同的文件添加/注入HTML?
更多的是在页面上清晰地呈现html,而不是如何构建对话窗口。

一种方法是使用引用组件并注入引用页面的html。然后,您可以使用JS/CSS magic将其包装/设置为弹出窗口。

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

可能您还可以使用选择器不显示整个html以及
部分和不需要的
标记

例如:



如需参考,请点击此处

我正在查看,但这似乎不起作用。。弹出窗口不是一个问题(css和js),只是如何注入html代码使用数据资源,而不是包含