htl pass data between htl

[ebin_Aby]

Is there any way we can pass a variable from component to another. 

tried

<sly data-sly-resource="${resourceType='my/components/embeddedComponent', myParam='myValue'}></sly>

can I read the myParam in embeddedComponent ? 

[BrianKasingli]

@ebin_Aby 

You can try data-sly-template;

<template data-sly-template.component="${ @ title, pageLevel}"><h1>${title}: ${pageLevel}</h1></template>
<div data-sly-call="${component @ title=properties.jcr:title, pageLevel='5'}"></div>

// ouput
<h1>Home Page: 5</h1>

Adobe's documentation for data-sly-template can be found here: https://docs.adobe.com/content/help/en/experience-manager-htl/using/htl/block-statements.html#templa...

[arunpatidar · Accepted solution]

Not sure if you can do that. But you can try to pass variable as selectors

<article data-sly-resource="${'path/to/resource' @ selectors='selector'}"></article>
<article data-sly-resource="${'path/to/resource' @ selectors=['s1', 's2']}"></article>