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 https://angularjs.org/.


This Experience Manager community article walks you through how to build an AEM component using Angular2. To read this article, click https://helpx.adobe.com/experience-manager/using/aem_angular21.html.

To watch the video, click: 




Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner



I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 18 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 CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.

TwitterFollow me on Twitter @smac2020  




13 comments:

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

    Thanks

    ReplyDelete
  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.

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

      Delete
  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?

    ReplyDelete
    Replies
    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.?

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

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

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

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

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  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 http://www.maxmunus.com/contact
    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 : arun@maxmunus.com
    Skype id: training_maxmunus
    Contact No.-+91-9738507310
    Company Website –http://www.maxmunus.com



    ReplyDelete
  8. Thanks for the update. Very Informative

    Thumps up,
    Credo Systemz - http://www.credosystemz.com/training-in-chennai/best-angularjs-training-in-chennai/

    ReplyDelete