aem - 如何在父组件中包含子组件时发送一些标志，以便它选择合适的视觉模板？

Question

我在父组件中包含 5 个子组件资源。我根据条件在子组件中使用（调用）两个稍微模板。有没有办法在包含子资源的同时添加一些标志，以便在渲染时调用适当的视觉模板。

这是包含子组件的代码。

<div class="item one" data-sly-resource="${'item1' @ resourceType='example/core/components/CategoryItem'}" data-sly-unwrap></div>

Answer 1

您可以使用选择器来指定要呈现资源的 HTL/Sightly 脚本。

假设您的组件结构如下：

/apps/example/categoryitem
+- categoryitem.html
+- alternate.html

您可以通过包含以下资源来调用这两个脚本中的任何一个：

data-sly-resource="${item1 @ resourceType='example/categoryitem'}"

调用默认脚本，或

data-sly-resource="${item1 @ resourceType='example/categoryitem', selectors='alternate'}"

调用备用脚本