javascript - 在哪里放置自定义 js 文件以及如何在 Angular 4 应用程序中引用它们

Question

假设我获得了一个 html5 模板。该文件夹包含 HTML、CSS、JS 文件和其他类型的资源(例如图片)。我将 Html 和 css 复制/粘贴到 component.html 和 component.css 中。

说到 JavaScript，我有一个名为 js 的文件夹，其中包含一些单独的 JavaScript 文件。

我应该将 js 文件夹放在哪里以及如何在我的应用程序中引用它们？

在原始文件中，我有类似的内容一直到 HTML 文件的底部:

<script src="js/script1.js"></script>
<script src="js/script2.js"></script>
<script src="js/script3.js"></script>

感谢您的帮助

Answer 1

您可以将其放在src/assets/js/script1.js下

然后将其添加到 .angular-cli.json

"apps": [
  {
    ...
    "scripts": [
      "assets/js/script1.js"
    ]
  }
]

要在您的 typescript 代码上访问您的代码，

您可以通过

在全局范围内访问它

declare const globalVar: any;