執行<script> tag out of <head> in angularjs
[英]Execute <script> tag out of <head> in angularjs
問題描述
我有這個相當老的 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 個解決方案
解決方案1
1 2021-06-02 08:05:25
一種簡單的解決方法是把它放在頭上並替換
<script src="dist/js/application/iframeResizer.contentWindow.min.js"></script>
經過
<script src="dist/js/application/iframeResizer.contentWindow.min.js" defer></script>
這樣即使在<head>它也會在頁面加載后調用！
html圖像標記是否會在head標記中執行
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.