我有一个非常老的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是否有自定义的方法来管理这些依赖关系?我怎样才能让它工作?
1条答案
按热度按时间5tmbdcev1#
一个简单的解决方法是将其放在头部并替换
<script src="dist/js/application/iframeResizer.contentWindow.min.js"></script>
通过<script src="dist/js/application/iframeResizer.contentWindow.min.js" defer></script>
这样即使在<head>
它将在页面加载后调用!