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

SPA Editor

Avatar

Avatar
Validate 25
Level 3
jakej40603950
Level 3

Likes

9 likes

Total Posts

120 posts

Correct Reply

8 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Ignite 5
Ignite 3
View profile

Avatar
Validate 25
Level 3
jakej40603950
Level 3

Likes

9 likes

Total Posts

120 posts

Correct Reply

8 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Ignite 5
Ignite 3
View profile
jakej40603950
Level 3

02-06-2019

I've read a few of the documents on SPA editor and it seems the main functionality it provides is to link Angular / Reach components to the JSON data model exposed by AEM components. The SPA frameworks (angular / react) can later use this data in its html template to display dynamic info.

Does it also provide other features like ability to drag and drop components into pages or to design the page layout like you can using a regular AEM page? i.e. author driven creation of SPA pages?

Replies

Avatar

Avatar
Ignite 1
Employee
aemmarc
Employee

Likes

183 likes

Total Posts

243 posts

Correct Reply

92 solutions
Top badges earned
Ignite 1
Give Back 50
Give Back 5
Give Back 3
Give Back 25
View profile

Avatar
Ignite 1
Employee
aemmarc
Employee

Likes

183 likes

Total Posts

243 posts

Correct Reply

92 solutions
Top badges earned
Ignite 1
Give Back 50
Give Back 5
Give Back 3
Give Back 25
View profile
aemmarc
Employee

03-06-2019

Yes.

Please check out the Wknd SPA example tutorial for an good walk through.

Adobe Experience Manager Help | Getting Started with the AEM SPA Editor - WKND Tutorial 

Avatar

Avatar
Validate 25
Level 3
jakej40603950
Level 3

Likes

9 likes

Total Posts

120 posts

Correct Reply

8 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Ignite 5
Ignite 3
View profile

Avatar
Validate 25
Level 3
jakej40603950
Level 3

Likes

9 likes

Total Posts

120 posts

Correct Reply

8 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Ignite 5
Ignite 3
View profile
jakej40603950
Level 3

03-06-2019

Thanks. In Chapter 2 it talks about being able to add more text components as required on the AEM Page - I guess this addition will also get reflected in the angular view?

Any idea how that works? For adding an angular component into another, you have to add the selector tag for the child component into the parent one.

What happens when you add AEM components into a page, does it somehow add the corresponding angular selector to the parent angular component? If so, are the angular component markup generated on the fly depending on the AEM page structure?