在AngularCLI项目中集成Bootstrap

为了在Angular CLI项目中使用Bootstrap，首先需要安装Bootstrap及其依赖项。以下是详细的步骤：

步骤1: 安装Bootstrap及依赖

通过运行以下命令来安装jQuery、Popper.js以及Bootstrap：

npm install jquery --save npm install popper.js --save npm install bootstrap --save 

步骤2: 更新Angular JSON配置文件

安装完成后，需要更新项目的angular.json文件，以确保Bootstrap的CSS和Javascript文件被正确加载。在angular.json文件中的projects -> your-project-name -> architect -> build -> options部分添加如下配置：

"styles": [ "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css" ], "scripts": [ "node_modules/jquery/dist/jquery.min.js", "node_modules/popper.js/dist/umd/popper.min.js", "node_modules/bootstrap/dist/js/bootstrap.min.js" ] 

步骤3: 重启开发服务器

完成上述配置后，需要重启Angular的开发服务器，以便新的配置生效。这可以通过关闭当前正在运行的服务器，然后再次运行ng serve命令来实现。