Edit AngularJS Components in AEM | Community
Skip to main content
selvaganesh
selvaganesh
New Participant
October 16, 2015
Solved

Edit AngularJS Components in AEM

  • October 16, 2015
  • 4 replies
  • 1433 views

I have tried to create angularJS app inside AEM with routing . The  ng-view directive is present in index page (to include another page with another template). Added parsys in partial page. Once I add the components in index page, i am unable to edit or delete it from index page. Is there anyway i can edit the component in index page?

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 gopalKa

You should add a logic in the main page controller to not other pages as partials and just load them in window.location. The routes would still be the same. All these pages should load with the authoring specific js included on load in author mode. I have not seen ur code. But this should work.

4 replies

smacdonald2008
smacdonald2008
New Participant
October 16, 2015
  Why are you using angular  in this manner. Why not use Angular logic in a component JSP? Then place a dialog on the component and treat the component like a standard AEM component. I am trying to understand your use case.     
smacdonald2008
smacdonald2008
New Participant
October 16, 2015
Then once you build an AEM component  using Angular logic,  drop the component onto an AEM page and edit like normal. For those reading this thread and wanting to use Angular and AEM, see https://helpx.adobe.com/experience-manager/using/AngularJS.html  
selvaganesh
selvaganeshAuthor
New Participant
October 16, 2015

Our application is basically an angular app. We are trying to use AEM for managing static content and angularJS services for dynamic content. We consider the pages in AEM as partials and add static content to it. Dynamic content is rendered from AngularJS as they are executed in browser. AngularJS app javascript files are hosted in different apache server. 
There is no problem when we are using simple controller concept in single page. Problem arises when we implement the routing capability to include many pages for respective url ,since the html for ng-view is rendered dynamically based on routing in angularJS app.
 

G
gopalKaAccepted solution
Employee
October 16, 2015

You should add a logic in the main page controller to not other pages as partials and just load them in window.location. The routes would still be the same. All these pages should load with the authoring specific js included on load in author mode. I have not seen ur code. But this should work.

Terms & ConditionsAccessibility statement

Loading footer...