AEM 6.x: How to pass an HTL variable to clientlib/JS?

[jayv25585659]

So I have the following lines which loads my javascript.

    <sly data-sly-use.clientLib="${'/libs/granite/sightly/templates/clientlib.html'}" data-sly-unwrap />
    <sly data-sly-call="${clientLib.js @ categories='myhost.mycustomJS'}" data-sly-unwrap />

I have an HTL variable/property (example: ${properties.myCustomProperty}) that I want to pass to myCustomJS.

Any ideas how it can be done?

I've looked around the net but didn't find anything useful.

Thank you.

[smacdonald2008 · Accepted solution]

TO work with JS and HTL - you use the JS USE API. See this artilce for more details --

Creating a Tab layout component for Adobe Experience Manager

Hope this helps...

[Ratna_Kumar]

Yes Scott is right.

You need to use JS with HTL i.e., JS USEAPI for that. Please have the look into that article which Scott pointed out.

Thanks,

Ratna.