Manual bootstrap angular when using async in angular script tag

Question

I want to async download angular script in my application and when it loads, I want to manually bootstrap the application. When I try to do this an error is thrown

My sample code is like

window.onload = function(){
  app = angular.module('wt', ['ngRoute']);
  app.config(function ($routeProvider,$locationProvider) {
      $routeProvider
          .when('/', {
              controller: 'homeController',
              templateUrl: 'template/home.html?ver='+file_version
          })
          .otherwise({ redirectTo: '/'});
      $locationProvider.html5Mode(true);
  });
  angular.module('wt').controller('homeController', function(){alert('Hello World');});
  angular.bootstrap(document, ['wt']);
};

And for script tag i am using

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js" async></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular-route.min.js" async defer></script>

Can someone help me figure out what I am doing wrong here?

Tomas · Accepted Answer · 2016-04-20 13:00:12Z

0

If you want to display the DOM before executing the Angular stuff, you could just put your scripts right before </body>

answered Apr 20, 2016 at 13:00

Tomas

2452 silver badges11 bronze badges

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

5 Comments

Ankit Agarwal Over a year ago

But this does not fulfill my desire to async load angular script

Tomas Over a year ago

How do you load your script?

Ankit Agarwal Over a year ago

async attribute in script tag

Tomas Over a year ago

Is your sample code also loaded from an external file?

Tomas Over a year ago

Do you have an example of the tag you are using to load it?

Collectives™ on Stack Overflow

Manual bootstrap angular when using async in angular script tag

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related