Angular 2/4 with AEM | Community
Skip to main content
June 2, 2017
Solved

Angular 2/4 with AEM

  • June 2, 2017
  • 6 replies
  • 5873 views

Hello experts,

I need a few pointers for selecting Javascript framework for AEM 6.1.

  • Angular 2 or 4 ? Which one is tried and tested for AEM?
  • Can we use the foundation components which are built in native Javascript/Jquery and extend with Angular 2 or 4?
  • I couldnt find proper Adobe documentation on these.

Please share your views.

Thanks,

Parvathy

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

Some reference links:-

Link1:- Angularjs 2 and AEM

// Best practices defined by Adobe to add Angularjs 2

Link2:- https://helpx.adobe.com/experience-manager/using/AngularJS.html

Another reference article :

Link3:- http://www.conexiogroup.com/angular-sightly-in-your-aem-project/

// Angular + Sightly in your AEM project

Link4:- https://helpx.adobe.com/experience-manager/using/vanitypath.html

// Helpx package/Article having AEM and Angular working together.

I have never seen Angular 4 with AEM as of now. So If you want to choose between 2 or 4, i would say go with 2.

And also +1 with Scott here, The recommended way to build AEM Components is either HTL or JSP.

~kautuk

6 replies

smacdonald2008
June 2, 2017

The recommended way to build AEM Components is either HTL or JSP. However some community members have used Angular 2 to build components. This is only another JS framework and you would place the JS files into a clientlib and use that clientlib in your component.

Here is a good community on AEM and Ang2:

http://www.aemcq5tutorials.com/tutorials/integrate-aem-with-angular-2-js/

kautuk_sahni
Community Manager
kautuk_sahniCommunity ManagerAccepted solution
Community Manager
June 6, 2017

Some reference links:-

Link1:- Angularjs 2 and AEM

// Best practices defined by Adobe to add Angularjs 2

Link2:- https://helpx.adobe.com/experience-manager/using/AngularJS.html

Another reference article :

Link3:- http://www.conexiogroup.com/angular-sightly-in-your-aem-project/

// Angular + Sightly in your AEM project

Link4:- https://helpx.adobe.com/experience-manager/using/vanitypath.html

// Helpx package/Article having AEM and Angular working together.

I have never seen Angular 4 with AEM as of now. So If you want to choose between 2 or 4, i would say go with 2.

And also +1 with Scott here, The recommended way to build AEM Components is either HTL or JSP.

~kautuk

Kautuk Sahni
June 27, 2017

Thanks with respect to Angular 2!

So any idea whether Adobe says Angular 4 can be used with AEM?

Is there any document available with respect to that?

Thanks,

Parvathy

angum57971745
February 6, 2018

Hi Dude ,

Suggest me a architecture flow for integrate AEM 6.3 with angular 4 ( Clear view is expected ) ,

angum57971745
February 6, 2018

Hi Dude ,

Suggest me a architecture flow for integrate AEM 6.3 with angular 4 ( Clear view is expected ) ,

kautuk_sahni
Community Manager
Community Manager
February 6, 2018

Please create a separate question for this new ask. This would help us keep a track of it!!

Kautuk Sahni