安装第三方插件(jquery,bootstrap等)
由于修改了angular-cli.json所以修改完成后一定要重启项目
jquery安装
进入项目目录输入(可以使用淘宝镜像)
npm install –save jquery
npm install @types/jquery –save
安装完成打开package.json可以看到jquery版本
"dependencies": {
...
"@types/jquery": "^3.3.5",
"jquery": "^3.3.1",
...
},
jquery使用
如果只是在组件使用的话按这样
html中是这样的
实际效果图
如果是其余插件需要用到jquery则需要在angular-cli中引用如下为echart跟angular结合的china.js需要用到
此时并不一定需要npm安装jquery可以下载了放在assets文件夹中然后引入引入方法如上图echarts.js等的引入方式
bootstrap安装
进入项目目录
cnpm i bootstrap –save
cnpm i @types/bootstrap –save
查看版本
"dependencies": {
...
"@types/bootstrap": "^4.1.2",
"bootstrap": "^4.1.3",
...
},
然后是引入这个需要引入css
可以在angular-cli.json引入同时也可以在styles.css 我是在styles引入的比较方便
@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css");
然后这是代码和效果
效果