网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何使用AngularJS6结合Bootstrap模块图形安装

时间:2024-11-01 03:16:44

1、第一步,Bootstrap模块是用来进行页面布局,AngularJS需要对元素进行样式布局和设置,如下图所示:

如何使用AngularJS6结合Bootstrap模块图形安装

2、第二步,除了需要安装Bootstrap模块,还需要安装ng-bootstrap,如下图所示:

如何使用AngularJS6结合Bootstrap模块图形安装

3、第三步,如果要使用echarts图形插件,需要使用npm工具进行安装,如下图所示:

如何使用AngularJS6结合Bootstrap模块图形安装

4、第四步,为了关联AngularJS和echarts,还需要安装ngx-echarts包,如下图所示:

如何使用AngularJS6结合Bootstrap模块图形安装

5、第五步,在项目中使用到百度地图,跟AngularJS结合的话,需要安装angular2-baidu-map,如下图所示:

如何使用AngularJS6结合Bootstrap模块图形安装

6、第六步,除了使用图形插件echarts之外,还需要用到highcharts,如下图所示:

如何使用AngularJS6结合Bootstrap模块图形安装如何使用AngularJS6结合Bootstrap模块图形安装

7、第七步,fusioncharts也是一种图形插件,和AngularJS一起使用的话,需要进行安装,如下图所示:

如何使用AngularJS6结合Bootstrap模块图形安装
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com