Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Integrating Ionic Framework into AEM

Avatar

Avatar
Validate 10
Level 2
doeringa
Level 2

Likes

3 likes

Total Posts

54 posts

Correct Reply

0 solutions
Top badges earned
Validate 10
Validate 1
Boost 3
Boost 1
View profile

Avatar
Validate 10
Level 2
doeringa
Level 2

Likes

3 likes

Total Posts

54 posts

Correct Reply

0 solutions
Top badges earned
Validate 10
Validate 1
Boost 3
Boost 1
View profile
doeringa
Level 2

15-10-2015

Hi, 

I am currently developing an App in AEM based on the PhoneGap Starter Kit. The bootstrap project does bring in the Ionic css in their clientlibs, but I need to add the ionic.js as well. I've tried different approaches and ended up adding ionic.js and ionic-angular.js to the clientlibs. 

I can see in the developer tools that Ionic is being loaded but it is not compiling the html accordingly (meaning Ionic behaviour is not being applied). Adding 'ionic' to the angular-app-module-list.js.jsp brings up an Angular Module error. 

Does anybody know how to add Ionic to an AEM project? 

Any help is greatly appreciated. 

Thanks, Alex

View Entire Topic

Avatar

Avatar
Boost 3
Level 2
Anthony_R
Level 2

Likes

4 likes

Total Posts

26 posts

Correct Reply

10 solutions
Top badges earned
Boost 3
Boost 1
Affirm 5
Affirm 3
Affirm 10
View profile

Avatar
Boost 3
Level 2
Anthony_R
Level 2

Likes

4 likes

Total Posts

26 posts

Correct Reply

10 solutions
Top badges earned
Boost 3
Boost 1
Affirm 5
Affirm 3
Affirm 10
View profile
Anthony_R
Level 2

15-10-2015

Since this question has come up multiple times recently I've created a branch [0] on the starter kit that explores this option. This branch upgrades to ionic 1.1 and includes all the JS as well. The main issue revolves around loading all the JS in the proper order. Currently the branch solves this by using the version of angular that ionic uses in its bundle instead of the built in AEM angular.js clientlib. I think this could be cleaned up some more but to get started this branch will result in an app that includes all the ionic JS without throwing any errors. I haven't tested all the directives yet to see if they work but in theory they should if you build up your DOM according to Ionic patterns.

[0] https://github.com/Adobe-Marketing-Cloud-Apps/aem-phonegap-starter-kit/tree/feature/ionic-1.0