Extensies AEM aem-extensions

Gelijkaardig aan Apache die uitbreidingen van de specificatie van HTMLschikt, biedt AEM sommige extra uitdrukkingsopties aan die het werken met AEM concepten een beetje gemakkelijker direct in de manuscripten van HTML maken.

i18n i18n

Het zelfde drie extra optieszoals in Apache Sling kan samen met i18n worden gebruikt:

Nochtans in AEM, wordt de internationaliseringssteunvoor HTML uitgevoerd met de hulp van API van het com.day.cq.i18n pakket.

data-sly-include data-sly-include

In AEM, data-sly-include kan een extra wcmmode optie nemen die de Wijze WCMvoor het inbegrepen manuscript controleert. De toegestane waarden zijn de namen van de beschikbare opsommingsconstanten.

data-sly-resource data-sly-resource

Naast paden en Resources kan het data-sly-resource block-element ook werken met Mapsof Records. Bij beide methoden moet de eigenschap resourceName String worden opgegeven. Zijn waarde wordt gebruikt om a Synthetisch Middeltot stand te brengen dat in de het teruggeven context inbegrepen is. De rest van de eigenschappen van de eigenschap Record of Map die aan data-sly-resource is doorgegeven, worden als normale Resource -eigenschappen gebruikt. Als het sling:resourceType bezit van deze kaart mist, wordt het middeltype verondersteld om of de waarde van de resourceType uitdrukkingsoptieof het middeltype van het huidige middel te zijn dat het teruggeven drijft.

Op basis van de volgende eigenschappen voor map/record beschikbaar in het scriptbereik als map :

{
    resourceName: "myText",
    "sling:resourceType": "core/wcm/components/text/v2/text",
    "text": "Hello World!"
}

En gegeven de volgende prijsverhoging:

<div class="outer" data-sly-resource="${map}"></div>

De volgende uitvoer wordt verwacht:

<div class="outer">
    <div class="myText">
        <div data-cmp-data-layer="{&quot;text-e58d65c472&quot;:{&quot;@type&quot;:&quot;core/wcm/components/text/v2/text&quot;,&quot;xdm:text&quot;:&quot;<p>Hello world!</p>&quot;}}" id="text-e58d65c472" class="cmp-text">
            <p>Hello world!</p>
        </div>
  </div>
</div>