<sly数据-sly-test和<div数据-sly-检验之间的差异-sly-检验的视觉条件语句

Question

我对视觉很陌生。有谁能帮我理解一下使用

<sly data-sly-test =“${}”

和

<div data-sly-test=“${}”

我在AEM html中使用这个。对于条件语句使用div标记会有任何结构性影响吗？

Answer 1

sly将在data-sly-test中的表达式计算为true时自行展开，div不会自动展开。如果使用data-sly-unwrap，div标记也会被打开。sly不过是个速记。

例如：

<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