Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

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

Avatar

Level 9

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.

1 Accepted Solution

Avatar

Correct answer by
Level 10

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...

View solution in original post

2 Replies

Avatar

Correct answer by
Level 10

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...

Avatar

Level 10

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.