https://gxnotes.com/article/44391.html
如果您使用Angular-CLI来生成新的项目,那么还有另一种方法可以在角度2/4中使用引导。
- 通过命令行界面导航到项目文件夹。然后用npm安装bootstrap:$ npm install --save bootstrap。 --save选项将使引导出现在依赖关系中。
- 编辑.angular-cli.json文件,它配置您的项目。它在项目目录中。添加对"styles"数组的引用。引用必须是使用npm下载的引导文件的相对路径。在我的情况下是:"../node_modules/bootstrap/dist/css/bootstrap.min.css"
Angular2与Bootstrap、Jquery集成方法
1、在工程目录下面安装以下两个包
npm install -S jquery bootstrap
2、将这两个第三方框架放入到依赖中去
npm install -D @types/jquery @types/bootstrap
3、修改.angular-cli.json文件
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.js",
"../node_modules/bootstrap/dist/js/bootstrap.js"
],
4、修改tsconfig.app.json文件
"types": [
"jquery",
"bootstrap"
]
``