Thursday, 26 January 2017

Integrating the Angular2 framework into Adobe Experience Manager

You can integrate the Angular2 Framework into Adobe Experience Manager thereby enabling you to build components that take advantage of the Angular2 framework. The Angular2 framework is a popular JavaScript library that simplifies the creation of powerful components. For example, you can build components that contain visual effects, data grids that display information, user forms that capture information from end users, and so on. For more information about AngularJS, see

This Experience Manager community article walks you through how to build an AEM component using Angular2. To read this article, click

To watch the video, click: 

Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.

I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.


  1. Any news about this article. I'm quite interesting to see it.


  2. Hello - did you publish this article, please let me know- we are starting something very similar. It will be a great help if we can get this article. Thanks.

    1. okay thanks a lot for update - will wait for your article.

  3. We are developing an angular2 application which need to be implemented with AEM to make the few contents editable. The problem we are facing is as in Angular2 component metadata the templateURL is taking a hardcoded relative path as string and not a dynamic one. Is there any way we can get the url from a JSON?

    1. Hi Amit, Could you please let me know how we can achieve reading the content from dailog and rendering it in angular2 component templateUrl file.?

    2. To read the dialog properties, simply inject them as @input attributes to the component directive. You can pass a json for complex structures.

    3. Hiv Amit, Thanks for replying. Could you provide a small sample code for the same

  4. Hi when is the article coming?Am trying something similar.

  5. Hi, how to use sightly and angular2 in the same component HTML file ?

  6. This comment has been removed by the author.

  7. I really appreciate information shared above. It’s of great help. If someone want to learn Online (Virtual) instructor lead live training in Adobe Experience Manager
    , kindly contact us
    MaxMunus Offer World Class Virtual Instructor led training on Adobe Experience Manager . We have industry expert trainer. We provide Training Material and Software Support. MaxMunus has successfully conducted 100000+ trainings in India, USA, UK, Australlia, Switzerland, Qatar, Saudi Arabia, Bangladesh, Bahrain and UAE etc.
    For Demo Contact us:
    Name : Arunkumar U
    Email :
    Skype id: training_maxmunus
    Contact No.-+91-9738507310
    Company Website –

  8. Thanks for the update. Very Informative

    Thumps up,
    Credo Systemz -

  9. Its a great pleasure reading your post.Its full of information I am looking for and I love to post a comment that "The content of your post is awesome" Great work.
    role of digital marketing