gpt4 book ai didi

aem - 将参数传递给 data-sly-include in sightly/HTL

转载 作者:行者123 更新时间:2023-12-04 01:43:34 25 4
gpt4 key购买 nike

我有一段 Sightly/HTL 代码如下 -

<div class="tooltip_modal">
<div class="modal-content">
<div class="modal-header">
<span class="close">&times;</span>
<h5>Tooltip</h5>
</div>
<div class="modal-body">
<p>${properties.tooltip_textfield}</p>
</div>
</div>
</div>

请注意,${properties.tooltip_textfield} 是硬编码到代码中的。我像这样在我的组件中包含这段代码 -

<div data-sly-include="/custom/tooltip-modal/tooltip-modal.html" data-sly-unwrap></div>

现在我想将一个参数传递给 data-sly-include 语句,以便在呈现我的 HTML 代码时,传递的参数应该放在 ${properties.tooltip_textfield} 的位置。

换句话说——

调用这个

<div data-sly-include="/custom/tooltip-modal/tooltip-modal.html" parameter= "Dummy Text" data-sly-unwrap></div>

应该渲染这个 -

<div class="tooltip_modal">
<div class="modal-content">
<div class="modal-header">
<span class="close">&times;</span>
<h5>Tooltip</h5>
</div>
<div class="modal-body">
<p>Dummy Text</p>
</div>
</div>
</div>

这可能吗?提前致谢!

最佳答案

我相信您要找的是 Sightly Template and Call特征。

templates/tooltip.html:

<template data-sly-template.tooltip="${@ text}" class="tooltip_modal">
<div class="modal-content">
<div class="modal-header">
<span class="close">&times;</span>
<h5>Tooltip</h5>
</div>
<div class="modal-body">
<p>${text}</p>
</div>
</div>
</template>

组件.html:

<sly data-sly-use.tooltipTmpl="templates/tooltip.html"
data-sly-call="${tooltipTmpl.tooltip @ text='Sample text'}" data-sly-unwrap>
</sly>

关于aem - 将参数传递给 data-sly-include in sightly/HTL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45340899/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com