在angular里面使用jQuery和bootstrap
第一步:
1.在你的项目目录下面:npm install jquery --save
--save是将jQuery加入package.json里面
2.在项目目录下面npm install bootstrap --save
安装完成后:
"bootstrap": "^3.3.7", "core-js": "^2.4.1", "jquery": "^3.2.1",
第二步:
在angular/cli里面将他们加到项目里面:
"styles": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ],
第三步:
安装类型定义文件,因为jQuery和bootstrap是js文件angular用的是typescript,无法编译,必须要安装他们各自对用的类型对应文件
1.npm install @types/jquery --save -dev
2.npm install @types/bootstrap --save -dev
第四步:
将jquery放入assets文件夹
在index.html里面引入相应js
第五步:
在component里面声明,在任何拥戴的地方使用都需要声明
第六步测试是否可以用了
ng g component xx生成叫xx的组件