高性能 移动端脚手架

This project was generated with Angular CLI version 11.2.5.

测试服务

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