AEM: passing properties to sightly component from sling model inside HTML

We have a requirement wherein we need to create a template dynamically using the sling model response.

The challenge here is we have got some common components that we want to use for building up our template.

Is there a way that I can set the common components properties using slightly.

Any help is appreciated.

Solution

You can initialise the Sling Model with the HTL Use API:

<sly data-sly-use.myModel="mypackage.MyModel">

and then access it's properties/methods in HTL Expressions:

${myModel.myProperty}