Expand my Community achievements bar.

SOLVED

Angular 2/4 with AEM

Avatar

Level 3

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

1 Accepted Solution

Avatar

Correct answer by
Administrator

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

View solution in original post

6 Replies

Avatar

Level 10

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/

Avatar

Correct answer by
Administrator

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

Avatar

Level 3

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

Avatar

Level 1

Hi Dude ,

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

Avatar

Level 1

Hi Dude ,

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

Avatar

Administrator

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



Kautuk Sahni