Extensies AEM aem-extensions

Gelijkaardig aan Apache die uitbreidingen van de specificatie van HTML schikt,AEM biedt 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-smart-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-smart-resource data-sly-resource

Naast paden en Resources kan het element data-sly-resource block 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 zal worden omvat. De overige eigenschappen van de eigenschap Record of de eigenschap Map die is doorgegeven aan data-sly-resource , worden gebruikt als normale Resource -eigenschappen. Als het sling:resourceType bezit van deze kaart mist, zal het middeltype worden 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>