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

Question

我是新来的。有人可以帮我理解使用< sly data-sly-test =“ $ {condition}” data-sly-unwrap>和< div data-sly-test =“ $ {condition}” data-sly-unwrap之间的区别>

我在AEM html中使用它。使用div标签作为条件语句是否会对结构产生影响？

Answer 1

的狡猾将本身当在表达解开数据狡猾测试评估为真，则DIV不会自动展开。如果您使用data-sly-unwrap，则div标签也将解包。狡猾只是简写。

例如：

<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