Angular Js with Sighltly

[Former Community Member]

HI All,

Plan to use Angular js with sightly,can we use or not?

Any drawbcks  if  not to use or benefits if want to use this.

Thanks,

Nani.

[Feike_Visser1]

Many people are using this. Just realize that Sightly/HTL is server-side only.

[smacdonald2008]

It would be the same as this JavaScript example: 

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

In clientlib - use Angular lib.  

[edubey · Accepted solution]

I have used both sightly and Angular extensively Here are my thoughts:

1. No doubt, angular Js is great framework when comes to client side execution/integrations (JavaScript based)

2. Again no doubt, sightly is great when comes to server side stuff (Java based).

3. Few people gets confused, As sightly uses data-sly (which is html attribute), but it gets processed at backend.

Sightly + Angular is very good combination, but make sure you are very clear with client side / server side execution

[kautuk_sahni]

Hi,

Some reference article that could be used as a references are:-

Link:- http://www.conexiogroup.com/angular-sightly-in-your-aem-project/  [Must Read]

// Angular + Sightly in your AEM project

This article talk about the integration of Angular JS and Sightly in AEM projects. Putting these technologies together allows modularization and to improve the performance of your application, making it easier for the developer to work. 

 Angular JS allows you to create modules in the fronted where you can find the logic already implemented in the controllers, showing it in single pages or partial views.

Link:- https://github.com/sikarwarvimal/aem-sightly-angularjs

// it is AEM Sightly-Angular project

Link:- http://www.slideshare.net/connectwebex/build-single-page-applications-using-angularjs-on-aem

//Build single page applications using AngularJS on AEM

Link:- http://www.albertoalmagro.com/en/trying-to-integrate-sightly-with-angularjs-aem6/

//integrate Sightly with AngularJS in AEM6

This covers example implementations with pros-cons and development experience of creation AEM project with AngularJS.

~kautuk