Difference between <sly data-sly-test and <div data-sly-test for sightly conditional statements

aem sightly
Anjali Shyamsundar picture Anjali Shyamsundar · Nov 26, 2017 · Viewed 7.6k times · Source

I am new to sightly. Can someone please help me understand the difference between using

<sly data-sly-test ="${condition}" data-sly-unwrap>

and

<div data-sly-test="${condition}" data-sly-unwrap>

I am using this in AEM html. Will there be any structural impact on using the div tag for the conditional statements?

Answer

Vlad picture Vlad · Nov 26, 2017

The sly will unwrap itself when the expression in data-sly-test evaluates to true, the div will not unwrap automatically. If you use data-sly-unwrap the div tag will unwrap too. sly is just a shorthand.

For example:

<sly data-sly-test=“true”>foo</sly>
<div data-sly-test=“true”>bar</div>
<div data-sly-test=“true” data-sly-unwrap>baz</div>

will render:

foo
<div>bar</div>
baz

Related questions

Iteration (for loop) in sightly

I had used <c:forEach> in jstl. Now i want to use sightly. My usecase is to print numbers from 1 to 10 then how can i iterate in sightly as for loop in java

Read More
What is the difference between data-sly-use, data-sly-resource, data-sly-include, and data-sly-template?

What is the difference between: data-sly-use, data-sly-resource, data-sly-include, and data-sly-template? I am reading the doc on Sightly AEM and I am super confused. As far as I can see: data-sly-use is used to add js/java files to render with …

Read More
Condition statements in sightly

In the Sightly templating language, for Adobe AEM6, how do I use a specific class if a condition is true? ${properties.reduceImage} is my checkbox, so if the checkbox is checked then add the class if not then it doesn't …

Read More