HTL-如何在另一個頁面上顯示頁面，如彈出式窗口/模式

我試圖使用現有頁面（通過TouchUI中的pathbrowser選擇）作爲我的HTL頁面上的彈出窗口/模式。有沒有一種方法可以從不同的文件中輕鬆地添加/注入HTML？它更注重視覺效果並在頁面上呈現該html，而不是如何構建對話窗口。HTL-如何在另一個頁面上顯示頁面，如彈出式窗口/模式

來源

2017-02-09 fernando

您需要的是在頁面中包含內容（不是模板），最好使用data-sly-resource與頁面路徑（/ content/myapp/content/myPageIwantToDisplayAsModal）。這將在您的網頁上呈現相關的html - 請記住，在AEM內容知道如何顯示自己 - 如上所述，你只需要參考內容

也許你也可以利用選擇器的使用不顯示與<head>部分和不必要的<body>標籤

因此，例如，沿着整個HTML：

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

爲referrence去這裏https://docs.adobe.com/docs/en/htl/docs/block-statements.html

來源

2017-02-09 14:00:42 ub1k

一種方法是使用引用組件並注入引用頁面的HTML。然後你可以使用JS/CSS魔術來將它打包/設置爲一個彈出窗口。

來源

2017-02-09 13:30:38

我正在看但似乎不工作..彈出不是問題（css和js）只是如何注入html代碼 – fernando

使用data-sly-resource而不是include –

HTL-如何在另一個頁面上顯示頁面，如彈出式窗口/模式

回答

相關問題