代码之家 › 专栏 › 技术社区 › Archit Arora

将参数传递给sightly/HTL中包含的数据

htl sightly aem

Archit Arora · 技术社区 · 7 年前

我有一段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>

${properties.tooltip\u 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>

提前感谢!

1 回复 | 直到 7 年前

mickleroy 7 年前

我相信你想要的是 Sightly Template and Call 特色

模板/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>

推荐文章

mrjayviper · AEM/吊索:如何实现动态吊索选择器?

6 年前

Manisha Bano · OSGi组件中@组件的“enable=true”属性是什么?

6 年前

mrjayviper · Java:如何检查节点(javax.jcr.node)属性是否存在?

6 年前

Dileepa · 通过路径轻松获取页面对象

6 年前

MikoÅaj MaÅski · JCR-SQL-contains函数不转义特殊字符?

7 年前

Sri · projectA ZIP文件在projectB build上安装-maven

7 年前

Hai Hoang · 如何在AEM 6.2中继承页面属性?

7 年前

mrjayviper · AEM 6。x: 如何将HTL变量传递给clientlib/JS?

7 年前

Saravana Prakash · 来自GoogleHC/1.0的连续AEM登录调用

7 年前

Ashley · 迁移到AEM 6.3后,AEM servlet配置工厂丢失

7 年前