Adobe AEM Angular 6 Support for Multi Functionality Component | Community
Skip to main content
RajaShankar
Community Advisor
RajaShankarCommunity Advisor
Community Advisor
October 10, 2018
Solved

Adobe AEM Angular 6 Support for Multi Functionality Component

  • October 10, 2018
  • 3 replies
  • 2578 views

Hi All,

I want to integrate UI templates Developed in Angular 6 in Adobe AEM. These UI templates performs multi functionality like Search of Products,View Product Details along with description/Price/Discount Details, Add prod to Cart,Checkout etc..

Each of the above functionalities are embedded in Angular Modules as Individual Components like Cart component,Mini Cart, View Product details etc..

Now below is my Questions

a) Does Adobe AEM supports embedding these Angular web components.Which version of AEM provides a better support(Can 6.2/6.3 or only 6.4?)

b)  For Angular Implementation with AEM .I had already went through some of the forum links (https://www.designisdead.com/blog/angular6-in-aem​​ ).They suggest to use create angular custom element and embed it in HTL. Is that the only interface methodology recommended.

Please suggest.

Regards,

Rajashankar.R

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 kautuk_sahni

The SPA Editor is the recommended solution for projects that require SPA framework based client-side rendering.

Reference:- Adobe Experience Manager Help | Understanding SPA components in AEM SPA Editor

3 replies

smacdonald2008
smacdonald2008
Level 10
October 11, 2018

Use of Ang with AEM now is around using SPA editor -- Adobe Experience Manager Help | Understanding SPA components in AEM SPA Editor

    kautuk_sahni
    Community Manager
    kautuk_sahniCommunity ManagerAccepted solution
    Community Manager
    October 11, 2018

    The SPA Editor is the recommended solution for projects that require SPA framework based client-side rendering.

    Reference:- Adobe Experience Manager Help | Understanding SPA components in AEM SPA Editor

    Kautuk Sahni
    Daniel_Gordon
    Adobe Employee
    Daniel_GordonAdobe Employee
    Adobe Employee
    October 11, 2018

    You should also check out the We.Retail Journal Sample Angular application:  aem-sample-we-retail-journal/angular-app at master · adobe/aem-sample-we-retail-journal · GitHub . The recommendation is to develop the Angular application outside of AEM (using webpack, or other build project of your choice). Only the compiled JavaScript and CSS would be ported into AEM in the form of a client library, aem-clientlib-generator - npm  is a useful tool for this. This design pattern could be used on 6.2/6.3 although as Soctt and Kautuk mention the SPA editing capabilities are only available in 6.4

      Terms & ConditionsAccessibility statement

      Loading footer...