angular - Toggle 和 Modals 不适用于 Angular 应用

问题描述

我是 Angular 的新手，在让 Bootstrap 切换和 Modal 工作时遇到了一些问题。BootStrap CSS 文件正在工作，因为表单正在接受样式；但是，我认为 JS 文件没有正确链接。请让我知道我在做什么工作。

我使用 Angular CLI 对 BootStrap 和 jQuery 进行了 NPM 安装。安装后，我将 BootStrap 和 jQuery 文件链接到 angular.json 文件，以便应用程序能够使用这些库。

"build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/LyndaChapter1",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            **"styles": [
              **"node_modules/bootstrap/dist/css/bootstrap.css",
              "src/styles.css"**
            ],
            "scripts": [
              "node_modules/bootstrap/dist/js/bootstrap.js",
              "node_modules/jquery/dist/jquery.js"
            ],**
            "es5BrowserSupport": true
          },
          "configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
                }
              ]
            }
          }
        },

预期结果：切换和模态应该可以工作实际结果：两者都不工作

标签： angularbootstrap-4bootstrap-modalangular7angular-bootstrap-toggle

angular - Toggle 和 Modals 不适用于 Angular 应用

问题描述

解决方案

推荐阅读