在angularjs中执行< script>标记< head>

gfttwv5a  于 2021-09-29  发布在  Java
关注(0)|答案(1)|浏览(403)

我有一个非常老的angularjs项目,没有npm依赖项,它们都在index.html的head标记中,如下所示:

  1. <head>
  2. <meta charset="utf-8">
  3. <meta http-equiv="Cache-control" content="max-age=0"/>
  4. <meta http-equiv="Cache-control" content="no-cache"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <!-- STYLES -->
  7. <link rel="stylesheet" href="dist/css/styles.css">
  8. <!-- SCRIPTS -->
  9. <script src="dist/js/application/angular.min.js"></script>
  10. <script src="dist/js/application/angular-touch.min.js"></script>
  11. <script src="dist/js/application/angular-route.min.js"></script>
  12. <script src="dist/js/application/angular-resource.min.js"></script>
  13. <script src="dist/js/application/angular-sanitize.min.js"></script>
  14. <script src="dist/js/application/angular-translate.min.js"></script>
  15. </head>

现在我需要添加一个名为iframeresizer.contentwindow.min.js的额外依赖项,它需要位于body标记的末尾。但当我这样添加它时:

  1. <script src="dist/js/application/iframeResizer.contentWindow.min.js"></script>

它出现在dom中,但如果我把它放在那里,它不会在网络选项卡中调用。在dom上显示的依赖关系


我错过了什么?angularjs是否有自定义的方法来管理这些依赖关系?我怎样才能让它工作?

5tmbdcev

5tmbdcev1#

一个简单的解决方法是将其放在头部并替换 <script src="dist/js/application/iframeResizer.contentWindow.min.js"></script> 通过 <script src="dist/js/application/iframeResizer.contentWindow.min.js" defer></script> 这样即使在 <head> 它将在页面加载后调用!

相关问题