Expand my Community achievements bar.

Submissions are now open for the 2026 Adobe Experience Maker Awards.

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

SOLVED

Creating MutiFiled Component in Angular for SPA AEM

Avatar

Level 1

Hi. Trying to create multifield component in Angular for SPA to be imported/build into AEM. Can anyone plz guide exact steps for it.

1 Accepted Solution

Avatar

Correct answer by
Level 10

Hi @fathemasaiyed,

Creating custom component in AEM SPA application involves

  • HTML markup creation in Frontend. In this case, it is Angular 
  • Sling Model implementation with Exporter for Multifield component (Touch UI dialog for Multifield component) created in AEM.

Sample implementation of Multifield in AEM SPA is available in below link(refer comments section) for React. (But should apply for Angular too from backend standpoint. Just that way of retrieving the content and creating markup differs.)

View solution in original post

1 Reply

Avatar

Correct answer by
Level 10

Hi @fathemasaiyed,

Creating custom component in AEM SPA application involves

  • HTML markup creation in Frontend. In this case, it is Angular 
  • Sling Model implementation with Exporter for Multifield component (Touch UI dialog for Multifield component) created in AEM.

Sample implementation of Multifield in AEM SPA is available in below link(refer comments section) for React. (But should apply for Angular too from backend standpoint. Just that way of retrieving the content and creating markup differs.)