angular - 如何在 Angular 6 中包含外部 html 文件和 js 文件？

Question

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

Answer 1

您可以将这些文件放在 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"
            ],

放置在那里的所有文件都将在构建时被选取。