logo标签列表

如何在Angular 6中引用外部HTML文件和JS文件？

angularangular6
5

我想在我的Angular 6项目中包含一些HTML文件，并使用一些外部JS文件中的函数。如何在Angular 6中包含外部HTML文件和JS文件？

我已经阅读了一些关于 Angular 4 相似问题的解决方案，但我想要找到一个针对 Angular 6 的确切解决方案。 - affeto
1个回答
4
你可以将这些文件放置在src/assets文件夹下，并在angular.json中指定路径。这意味着，你可以将要包含的文件保存在src/assets/html和src/assets/js文件夹中。
在angular.json中进行配置，如下：
"build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/browser",
            "index": "src/index.html",
            "main": "src/main.ts",
            "tsConfig": "src/tsconfig.app.json",
            "progress": false,
            "showCircularDependencies": true,
            "polyfills": "src/polyfills.ts",
            "assets": [
              "src/assets",
              "src/favicon.ico",
              "src/robots.txt",
              "src/sitemap.xml"
            ],
            "styles": [
              "src/styles.css",
              "src/assets/css/home-style-min.css",
              "src/assets/css/prism-min.css"
            ],

所有放在那里的文件将在构建时被提取。
2
这个不起作用，你可以完全移除“assets”文件夹而没有任何变化，你有什么想法为什么会这样？ - Evgeny Lukiyanov
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接