Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

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

Avatar

Avatar
Boost 1
Level 1
umittal_woolworths
Level 1

Like

1 like

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
umittal_woolworths
Level 1

Like

1 like

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile
umittal_woolworths
Level 1

29-04-2021

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. 

 

 

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Affirm 50
MVP
Vaibhavi
MVP

Likes

216 likes

Total Posts

181 posts

Correct Reply

61 solutions
Top badges earned
Affirm 50
Validate 1
Ignite 1
Give Back 5
Give Back 3
View profile

Avatar
Affirm 50
MVP
Vaibhavi
MVP

Likes

216 likes

Total Posts

181 posts

Correct Reply

61 solutions
Top badges earned
Affirm 50
Validate 1
Ignite 1
Give Back 5
Give Back 3
View profile
Vaibhavi
MVP

29-04-2021

Answers (2)

Answers (2)

Avatar

Avatar
Applaud 5
Level 2
krishna_chaita2
Level 2

Likes

12 likes

Total Posts

44 posts

Correct Reply

0 solutions
Top badges earned
Applaud 5
Give Back 3
Boost 10
Boost 5
Give Back
View profile

Avatar
Applaud 5
Level 2
krishna_chaita2
Level 2

Likes

12 likes

Total Posts

44 posts

Correct Reply

0 solutions
Top badges earned
Applaud 5
Give Back 3
Boost 10
Boost 5
Give Back
View profile
krishna_chaita2
Level 2

30-04-2021

 

@umittal_woolworths 

Try like below

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

Avatar

Avatar
Applaud 5
Level 2
krishna_chaita2
Level 2

Likes

12 likes

Total Posts

44 posts

Correct Reply

0 solutions
Top badges earned
Applaud 5
Give Back 3
Boost 10
Boost 5
Give Back
View profile

Avatar
Applaud 5
Level 2
krishna_chaita2
Level 2

Likes

12 likes

Total Posts

44 posts

Correct Reply

0 solutions
Top badges earned
Applaud 5
Give Back 3
Boost 10
Boost 5
Give Back
View profile
krishna_chaita2
Level 2

29-04-2021

@umittal_woolworths 

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