AngularJS manually bootstrap after receive data

Question

I am trying to manually bootstrap AngularJS after receiving data from the server.

bootstrap.js:

var initInjector = angular.injector(['ng']);
var $http = initInjector.get('$http');
var maindata;

function bootstrapAngular() {
    angular.element(document).ready(function() {
        angular.bootstrap(document, ['app']);
    });
}

function getMainData() {
    return maindata;
}

$http
    .get('/data')
    .then(function (response) {
        maindata = response.data;
        bootstrapAngular();
    }, function (error) {
        console.log(error);
    });

I need to use the maindata or getMaindata() in the app after it is bootstrapped. Therefore, I cannot have javascript closer (function(){})(); on bootstrap.js file to keep everything private, so that the function & variable is accessible to the other part of the app.

Is it possible to make everything private but still accessible to the other part of the app?

So the question is that, you want to execute a certain block of code, that will fetch some data from the server, and use those values in your app, Before anything else happens ?? — Manish Kr. Shukla
– Manish Kr. Shukla, Commented May 20, 2015 at 3:27
@TechMa9iac Yes, that is what I am trying to do. I guess New Dev's answer solve my problem. Or, you have better suggestion how to write it? — user1995781
– user1995781, Commented May 20, 2015 at 7:29

New Dev · Accepted Answer · 2015-05-20 03:20:07Z

1

You could expose maindata as an injectable to make it available in your app:

$http
    .get('/data')
    .then(function (response) {
        maindata = response.data;

        angular.module("app").value("MainData", maindata);

        bootstrapAngular();
    }, function (error) {
        console.log(error);
    });

Then you could inject it in controllers or services:

.controller("MainCtrl", function($scope, MainData){
   $scope.data = MainData;
});

answered May 20, 2015 at 3:20

New Dev

49.8k12 gold badges99 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS manually bootstrap after receive data

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related