<sly data-sly-test 和 <div data-sly-test 之间的区别,用于视觉条件语句

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

我是视力新手。有人可以帮我理解使用

之间的区别吗

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

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

我在 AEM html 中使用它。将 div 标记用于条件语句是否会对结构产生任何影响?

data-sly-test 中的表达式计算结果为真时,sly 将自行展开,div 不会自动展开。如果您使用 data-sly-unwrapdiv 标签也会展开。 sly 只是一个 shorthand.

例如:

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

将呈现:

foo
<div>bar</div>
baz