Typical manual bootstrapping examples often use the same pattern:
angular.module('myApp', []);
angular.bootstrap(document, ['myApp']);
However, I only need Angular to trigger a popup using the ui-bootstrap module.
The closest solution I found was:
$("...").click(function() {
angular.module("pp", ["ui.bootstrap"])
.config(["$modal", function($modal) {
$modal.open({
template: "Hello!"
});
}]);
angular.bootstrap(null, ["pp"]);
});
Unfortunately, this approach re-boots Angular each time and recreates the same module repeatedly. Additionally, it does not work as expected - configurations run simultaneously with provider initialization, resulting in no $module dependency being available at that point.
In essence, my goal is to integrate Angular into an existing application without causing major disruptions to the current structure. I simply want Angular to handle a single popup, nothing more for the time being, making the traditional bootstrap and controller method less ideal.
Is there a way to display the modal without triggering a global Angular bootstrap?