如何使用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模块图形安装
  • bootstrap字体图标怎么使用
  • 如何使用Bootstrap框架
  • bootstrap如何使用
  • Bootstrap折叠面板使用
  • 如何引入Bootstrap?
  • 热门搜索
    房思琪事件是怎么回事 粗糙的近义词 味精吃多了会怎么样 新奇的近义词是什么 工资怎么扣税 仔细的近义词是什么 .iso文件怎么打开 安排的近义词 头皮很痒是怎么回事 狗咬了怎么办