IhiveMobileWeb

This project was generated with Angular CLI version 11.2.5.

DEMO

演示地址

测试服务

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

项目初始化

ng new projectName

添加表单依赖

ng add @ngx-formly/schematics --ui-theme=bootstrap

添加组件库依赖

ng add ngx-bootstrap

图表

npm install echarts -S

npm install ngx-echarts -S

npm install resize-observer-polyfill --save-dev 修复脚本

地图

npm install ol

npm install @types/ol

手动更新如下:

  1. update ts.config
  2. "compilerOptions": {
  3. "skipLibCheck": true
  4. },
  5. update styles.scss
  6. @import "~ol/ol.css";

版本兼容性

  1. angular版本大于 13,才支持ngx-formly 6
  2. ngx-formly版本大于 6,才支持bootstrap 5
  3. 建议ngx-formly 5 + bootstrap 4

ngx-formly Which Version to use?

Angular version Formly version
Angular >= 13 @ngx-formly/core@6.x
Angular >= 7 @ngx-formly/core@5.x
Angular >= 6 @ngx-formly/core@4.x
Angular >= 5 @ngx-formly/core@3.x
Angular >= 4 @ngx-formly/core@2.x
Angular >= 2 ng-formly@1.x

ngx-bootstrap Compatibility

The only two dependencies are Angular and Bootstrap CSS.
Here is the versions compatibility list:

ngx-bootstrap Angular Bootstrap CSS
7.1.0 11.x.x - 12.x.x 5.x.x 4.x.x or 3.x.x
7.0.0 11.x.x - 12.x.x 3.x.x or 4.x.x
6.0.0 9.x.x - 10.x.x 3.x.x or 4.x.x
5.6.x 7.x.x - 9.1.0 3.x.x or 4.x.x
5.0.0 - 5.6.0 7.x.x - 8.x.x 3.x.x or 4.x.x
4.x.x 6.x.x - 7.x.x 3.x.x or 4.x.x
3.x.x 6.x.x - 7.x.x 3.x.x or 4.x.x
2.x.x 2.x.x - 4.x.x 3.x.x or 4.x.x
1.x.x 2.x.x 3.x.x or 4.x.x