參數傳遞給數據SLY-包括悅目/ HTL

Question

我有一塊悅目/ 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> 

現在我想通過一個參數數據狡猾，包括語句，這樣，當我的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> 

這可能嗎？ 在此先感謝！

Answer 1

我相信你所追求的是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> 

component.html：

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