Include an angular app in a div on an other domain, no iframe
Why not to wrap the app in its own module and create a directive to use it? Then just require that module in your other angular apps. Isn't that cleaner?
This is not possible, because when Angular JS executes a digest cycle, it is document-wide, always assuming there is only one application within your document.
The way to approach app-sharing with Angular is to design your app-s well-modulated, and then you can both load and include required modules from other angular app-s.
Try to do below things
- Create your application and assign it to module e.g. angular.module('sub-application').controller().config();
- Define your routes/partials/controllers etc.
- You just need access to main module of application so that you can inject your module name in it
- You want to run your application for dive only so assign sub-application controller to that dive
- Other option is instead of using ngRoute or ui-route for states and partials use jquery to hide or switch between multiple views.Other functionality you can handle with angular controllers