执行<script> tag out of <head> in angularjs

Question

我有这个相当老的 angularjs 项目，没有 npm 依赖项，它们都在 index.html 的 head 标签内，就像这样：

<head>
<meta charset="utf-8">
<meta http-equiv="Cache-control" content="max-age=0"/>
<meta http-equiv="Cache-control" content="no-cache"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- STYLES -->
<link rel="stylesheet" href="dist/css/styles.css">

<!-- SCRIPTS -->
<script src="dist/js/application/angular.min.js"></script>
<script src="dist/js/application/angular-touch.min.js"></script>
<script src="dist/js/application/angular-route.min.js"></script>
<script src="dist/js/application/angular-resource.min.js"></script>
<script src="dist/js/application/angular-sanitize.min.js"></script>
<script src="dist/js/application/angular-translate.min.js"></script>
</head>

现在我需要添加一个名为iframeResizer.contentWindow.min.js的额外依赖项，它需要位于 body 标签的末尾。 但是当我像这样添加它时：

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

它出现在 DOM 中，但如果我将它放在那里，则不会在“网络”选项卡中调用它。 DOM 中显示的依赖关系

我在这里缺少什么？ AngularJS 是否有自定义的方式来管理这些依赖项？ 我怎样才能让它工作？

Answer 1

一种简单的解决方法是把它放在头上并替换

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

经过

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

这样即使在<head>它也会在页面加载后调用！

执行<script> tag out of <head> in angularjs

问题描述

1 个解决方案

解决方案1
1 2021-06-02 08:05:25

执行<script> tag out of <head> in angularjs

问题描述

1 个解决方案

解决方案1 1 2021-06-02 08:05:25

解决方案1
1 2021-06-02 08:05:25