gpt4 book ai didi

Angular:如何在所有组件中跨应用程序加载外部脚本

转载 作者:行者123 更新时间:2023-12-04 04:24:01 25 4
gpt4 key购买 nike

脚本标签:

<script src="https://www.test.com/dem0.js"></script>
<script src="https://www.test.com/dem01.js"></script>
<script src="https://www.test.com/dem02.js"></script>
<script src="https://www.test.com/dem03.js"></script>

索引.html:

<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Mobile</title>
<base href="/">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="wsstitle" content="catalog">
<meta name="wssmlc" content="/us/en/">

<link rel="icon" type="image/png" href="favicon.ico" sizes="32x32">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i" rel="stylesheet">
</head>

<body>
<app-root></app-root>
</body>

</html>

我有几个外部<script>标签,我想让它们在整个应用程序中可用(只要我在浏览器中的 View 发生变化,就应该能够加载它们)。如果我将它们包含在我的 index.html 中 <head>标记它仅在应用程序最初加载时第一次工作,但对于我的情况,我必须在 View 更改时加载它们。包括 <body> 中的脚本标记将是一个好习惯??

最佳答案

在angular-cli.json下添加脚本引用路径

     "scripts": [
"../src/assets/scripts/asn1.min.js"
],

在组件 .ts 文件中使用它

声明 var libraryName: any;

关于Angular:如何在所有组件中跨应用程序加载外部脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58289491/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com