About AEM 6.5 integration with angular 2 ( version 12) | Community
Skip to main content
srinivas_chann1
srinivas_chann1
March 3, 2022
Solved

About AEM 6.5 integration with angular 2 ( version 12)

  • March 3, 2022
  • 1 reply
  • 1010 views

Hi,

 

Could you please provide inputs as what will be the best practice of migrating the existing AEM code from Angular js to AEM code to angular 2 ( version 12).

 

Any sample codes will be useful.

Had a question , is it good practice  to move the current AEM component.html to angular 2 app based *.html file move all the logic there

 

In that way we need to have in AEM component.html  just  pojo methods  to send the whole object to angular 2 code.

 

Thanks

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 BrianKasingli

There are many ways to do this, but here's what I would do.

Pre-requirement is for you to actually be familiar with AngularJS vs Angular. And understanding how to migrate AngularJS components to Angular. I searched on youtube "migrate AngularJS components to Angular", (1) JavaScript Marathon: Upgrade AngularJS to Angular with Angular Elements - YouTube

 

I'll give you the most simplest high level approach.

 

start a new angular project, migrate the code from AngularJS to Angular inside of it, use a dev server during the migration to make sure everything is working as expected, and finally test on local aem by replacing the angularjs clientlib with the angular clientlib.

 

I understand that Angular also uses typescript, so like migration might take longer than expected. 


 

good luck!

 

 

1 reply

BrianKasingli
Community Advisor and Adobe Champion
BrianKasingliCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
March 3, 2022

There are many ways to do this, but here's what I would do.

Pre-requirement is for you to actually be familiar with AngularJS vs Angular. And understanding how to migrate AngularJS components to Angular. I searched on youtube "migrate AngularJS components to Angular", (1) JavaScript Marathon: Upgrade AngularJS to Angular with Angular Elements - YouTube

 

I'll give you the most simplest high level approach.

 

start a new angular project, migrate the code from AngularJS to Angular inside of it, use a dev server during the migration to make sure everything is working as expected, and finally test on local aem by replacing the angularjs clientlib with the angular clientlib.

 

I understand that Angular also uses typescript, so like migration might take longer than expected. 


 

good luck!

 

 

    srinivas_chann1
    srinivas_chann1Author
    March 4, 2022

    Thanks for the input.

     

    I had one question is it a good idea to move all the AEM current component *.html code to angular 2 based app.component.html code. As angular may not have so much security like slightly provides.

     

    so in this mechanism in the aem current component.html will send the all the required data required as pojo object to angular 2 .In the aem component.html  will just the angular2 selector placed

     

     

     

     

    Please advise

     

    Thanks

      Terms & ConditionsAccessibility statement

      Loading footer...