在Sightly中,您可以使用data-sly-use
,在JS中,您可以使用CQ.WCM.getTopWindow().CQ.WCM.getPageProperties()
来获取继承的组件属性。
例如,在Sightly中,您可以使用以下代码:
Inherited property value: ${pageProperties.inheritedProperty}
Component property value: ${componentProperties.componentProperty}
这将使用data-sly-use
指令创建两个变量pageProperties
和componentProperties
来存储页面和组件属性。在此示例中,inheritedProperty
是继承页面属性,而componentProperty
是组件属性。
在JS中,您可以使用以下代码:
var pageProperties = CQ.WCM.getTopWindow().CQ.WCM.getPageProperties();
var componentProperties = CQ.WCM.getTopWindow().CQ.WCM.getComponentProperties('/path/to/my/component/properties');
console.log('Inherited property value: ', pageProperties.inheritedProperty);
console.log('Component property value: ', componentProperties.componentProperty);
这将使用CQ.WCM.getTopWindow().CQ.WCM.getPageProperties()
获取页面属性,使用CQ.WCM.getTopWindow().CQ.WCM.getComponentProperties()
获取组件属性。在此示例中,inheritedProperty
是继承页面属性,而componentProperty
是组件属性。