How do I combine two AngularJS apps as modules of a main app?

Question

Another basic AngularJS question. I have two AngularJS apps, slider.js (AngularUI) & json.js .

Here's `slider.js` as a Plunkr.

Here's `json.js` as a Plunkr.

I want them both to run on a page. In fact, I want to use them together: I want to render sliders within my JSON renders. What is the best way to do this? This answer suggests creating a Main app & calling these both within it. Is that a good solution for when I want the functionality of both apps in the same place on the page, or should I be working on "combining" the apps- and how would one go about doing that?

My not-working attempt so far is here:

Plunkr of the two apps combined, not working

Answer 1

You need to add the slider as dependent of myapp then use myapp in the page declaration, so that myApp will have all elements(directives/controllers/filters etc) added in slider app also.

var myApp = angular.module('myApp', ['ui.slider']);

then

<html ng-app="myApp">

Demo: Plunker

How do I combine two AngularJS apps as modules of a main app?

Question

Here's `slider.js` as a Plunkr.

Here's `json.js` as a Plunkr.

Plunkr of the two apps combined, not working

1 answers

solution1
3 2013-10-31 10:36:00

How do I combine two AngularJS apps as modules of a main app?

Question

Here's slider.js as a Plunkr.

Here's json.js as a Plunkr.

Plunkr of the two apps combined, not working

1 answers

solution1 3 2013-10-31 10:36:00

Here's `slider.js` as a Plunkr.

Here's `json.js` as a Plunkr.

solution1
3 2013-10-31 10:36:00