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

[umittal_woolworths]

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. 

[Vaibhavi_J · Accepted solution]

Hi @umittal_woolworths 

Please refer to 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-6-4-with-spa-editor-ho...

[umittal_woolworths]

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.

[krishna_chaita2]

@umittal_woolworths 

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

[umittal_woolworths]

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

[krishna_chaita2]

@umittal_woolworths 

Try like below

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

[kautuk_sahni]

@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.