Solved

How do I add Experience Fragment in Angular SPA. I'm using AEM 6.5.8

Forum|Forum|4 years ago
April 29, 2021
3 replies
1721 views

Hi, I'm trying to create an Angular SPA which references XF's. Has someone done something similar. There is no reference of this in core components of wknd spa examples.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Vaibhavi_J

Hi @umittal_woolworths

Please refer to

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-6-4-with-spa-editor-how-to-use-the-experience-fragments/qaq-p/322742

Vaibhavi_JAccepted solution

Level 7

Hi @umittal_woolworths

Please refer to

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-6-4-with-spa-editor-how-to-use-the-experience-fragments/qaq-p/322742

U

umittal_woolworthsAuthor

Hi @vaibhavi_j, I checked above thread before posting question here. though it was easy to extend container exporter for XF, I was not able to work with Angular side and convert model.json response into angular rendered components. If you have done this before can you please share example of Angular code which will help me.

K

krishna_chaita2

Level 3

@umittal_woolworths

AEM XF can be accessed with their respective url's. you can use "ng-include" to load the XF content.

U

umittal_woolworthsAuthor

Hi @krishna_chaita2 can you please help with any example of how to include content. Thanks

K

krishna_chaita2

Level 3

@umittal_woolworths

Try like below

<div ng-include="'<XF_Path>'"></div>
Example
<div ng-include="'/content/experience-fragments/samplexf/master.html'"></div>

kautuk_sahni

Community Manager

@krishna_chaita2, thank you for your answer. Good to have AEM SMEs like you in the AEM Community. Keep the wonderful work going. Hope to see you more in the AEM community.

Kautuk Sahni

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded