Как отправить какой-либо флаг при включении дочернего компонента в родительский компонент, чтобы он выбрал правильный визуальный шаблон?

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'}"

вызвать альтернативный скрипт