AEM-数据狡猾资源的孩子html

Question

我想找出一种在<sly data-sly-resource>标记内插入HTML并能够进入从资源属性中检索的组件内部的方法。

相比之下，它类似于Vue的slots和React的{ this.props.children }。

示例：

父组件

<sly data-sly-resource="${'example' @ resourceType='path/to/component/structure/example'}">
    <h1>Hello World</h1>
</sly>

示例组件

<div id="example-component">
    ${ variable.getChildrenHTMLCall() } // Does something like this exist?
</div>

输出

<div id="example-component">
    <h1>Hello World</h1>
</div>

Answer 1

该功能不存在。

您可以使用data-sly-template来实现类似功能。但是您必须将HTML字符串作为参数传递（更具体地说是option），但这可能不是所希望的或不可维护的。

Answer 2

您可以使用com.day.cq.contentsync.handler.util.RequestResponseFactory，如下所示：http://www.nateyolles.com/blog/2015/10/get-rendered-html-for-an-aem-resource-or-component