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
手动更新如下:
update ts.config
"compilerOptions": {
"skipLibCheck": true
},
update styles.scss
@import "~ol/ol.css";
版本兼容性
angular版本大于 13,才支持ngx-formly 6
ngx-formly版本大于 6,才支持bootstrap 5
建议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 |