在角度脚本标签中使用异步时手动引导角度

Posted 2023-02-23

【中文标题】在角度脚本标签中使用异步时手动引导角度

【英文标题】：Manual bootstrap angular when using async in angular script tag

【发布时间】：2016-08-13 04:08:57

【问题描述】：

我想在我的应用程序中异步下载 Angular 脚本，当它加载时，我想手动引导应用程序。 当我尝试这样做时，会引发错误

未能实例化模块 wt，原因是： 错误：[$injector:modulerr] http://errors.angularjs.org/1.4.5/$injector/modulerr?p0=y...) 在错误（本机） 在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:6:416 在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:38:98 在 n (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:7:322) 在 g (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:180) 在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:349 在 n (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:7:322) 在 g (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:180) 在 eb (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:40:435) 在 d (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:19:381

我的示例代码是这样的

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>

有人可以帮我弄清楚我在这里做错了什么吗？

【参考方案1】：

如果你想在执行 Angular 之前显示 DOM，你可以把你的脚本放在 </body> 之前

【讨论】：

但这并不能满足我异步加载角度脚本的愿望

如何加载脚本？

脚本标签中的异步属性

您的示例代码是否也从外部文件加载？

您有用于加载它的标签示例吗？