javascript - angular script タグで async を使用する場合の手動ブートストラップ angular

Question

アプリケーションでAngularスクリプトを非同期ダウンロードしたいのですが、ロード時にアプリケーションを手動でブートストラップしたいと考えています。これを実行しようとすると、エラーがスローされます

私のサンプルコードは

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']);
};

そして、私が使用しているスクリプトタグに

<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>

誰かが私がここで間違っていることを理解するのを手伝ってくれますか?

score 0 · Accepted Answer

Angular のものを実行する前に DOM を表示したい場合は、スクリプトを直前に置くことができます</body>

javascript - angular script タグで async を使用する場合の手動ブートストラップ angular

1 に答える 1

Related

Reference