HTL - 如何在另一个页面上显示一个页面，如弹出/模式
HTL -how to display a page on another page like popup / modal
我正在尝试使用现有页面（通过 TouchUI 中的路径浏览器选择）作为我的 HTL 页面上的弹出窗口/模式。有没有办法使用 sightly 从不同的文件添加/注入 HTML ？
它更多的是关于页面上 html 的视觉和呈现，而不是如何建立对话 window。
一种方法是使用引用组件并注入引用页面的 HTML。然后你可以 wrap/style 它作为弹出窗口使用 JS/CSS 魔法。
您需要在页面中包含内容（而不是模板），最好使用带有页面路径的 data-sly-resource (/content/myapp/content/myPageIwantToDisplayAsModal)。这将在您的页面上呈现相关 html - 请记住，在 AEM 中，内容知道如何显示自身 - 因此如上所述，您只需要引用内容
也许您还可以利用选择器不显示整个 html 以及 <head> 部分和不需要的 <body> 标签
例如：
<div data-sly-resource="${'/content/myapp/content/myPageIwantToDisplayAsModal' @ selectors=['content']}"></div>
参考这里https://docs.adobe.com/docs/en/htl/docs/block-statements.html
我正在尝试使用现有页面（通过 TouchUI 中的路径浏览器选择）作为我的 HTL 页面上的弹出窗口/模式。有没有办法使用 sightly 从不同的文件添加/注入 HTML ？ 它更多的是关于页面上 html 的视觉和呈现，而不是如何建立对话 window。
一种方法是使用引用组件并注入引用页面的 HTML。然后你可以 wrap/style 它作为弹出窗口使用 JS/CSS 魔法。
您需要在页面中包含内容（而不是模板），最好使用带有页面路径的 data-sly-resource (/content/myapp/content/myPageIwantToDisplayAsModal)。这将在您的页面上呈现相关 html - 请记住，在 AEM 中，内容知道如何显示自身 - 因此如上所述，您只需要引用内容
也许您还可以利用选择器不显示整个 html 以及 <head> 部分和不需要的 <body> 标签
例如：
<div data-sly-resource="${'/content/myapp/content/myPageIwantToDisplayAsModal' @ selectors=['content']}"></div>
参考这里https://docs.adobe.com/docs/en/htl/docs/block-statements.html