2016-10-10 5 views
0

私は5つの子コンポーネントリソースを親コンポーネントに含めます。条件に基づいて子コンポーネントで2つのわずかなテンプレートを使用(呼び出し)しています。子リソースを含めながらいくつかのフラグを追加する方法はありますか?そうすれば、レンダリング中に適切な視覚的テンプレートを呼び出すことができます。親コンポーネントに子コンポーネントを含めながらいくつかのフラグを送信する方法。これにより適切な見た目のテンプレートが選択されます。

これは、子コンポーネントを含むコードです。

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

答えて

1

あなたは、あなたのリソースをレンダリングしたいHTL /見た目スクリプトを指定するselectorsを使用することができます。デフォルトのスクリプトを呼び出すために

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

、または

:あなたとあなたのリソースを含むことにより、2つのスクリプトのいずれかを呼び出すことができ

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

:ようなあなたのコンポーネントの構造を仮定し

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

代替スクリプトを呼び出す