StackOverflow_23745397: possible-to-use-a-custom-angular-service-before-bootstrap

Illustration of answer to http://stackoverflow.com/questions/23745397/possible-to-use-a-custom-angular-service-before-bootstrap.

by ExpertSystem

HTML

<script src="http://code.angularjs.org/1.2.16/angular.min.js"></script>
<div ng-controller="myCtrl">
    Open the console !
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope, SomeService) {
    console.log('Calling SomeService from within Angular app...');
    SomeService.doStuff();
});
app.factory('SomeService', function ($log) {
    var count = 0;
    return {
        doStuff: function () {
            count++;
            $log.log('Count: ' + count);
        }
    };
});

console.log('Calling SomeService from outside of Angular app...');
angular.injector(['ng', 'myApp']).get('SomeService').doStuff();

angular.bootstrap(document.body, ['myApp']);