目前0.6.x的版本已经不在维护,官方推荐使用0.7.x版本。
升级前先看官方升级文档(然并卵),里面有一个html转化的小工具,可以进行在线转化0.6.x到0.7.x的布局。不过对于一个完整的项目而言,这不好操作,建议还是在ide中使用全局替换的方式更实际。
下面说一下升级步骤:
-
升级依赖到0.7.1
-
在.angular-cli.json中添加styles:
"styles.scss", "../node_modules/ng-zorro-antd/src/ng-zorro-antd.less"
-
替换<nz-input></nz-input> 为<input nz-input>
-
替换<input >标签中nzDisabled属性为disabled
-
替换<input>标签中nzPlaceHolder属性为placeholder
-
替换<nz-table>标签nzAjaxData属性为nzData,替换nzIsPagination为nzShowPagination,删除nzCustomNoResult属性
-
替换nz-input[nzType]为nz-input type(使用原有input属性)
-
替换scss中nz-input选择器为input
-
替换nz-dropdown控件中的nz-dropdown-custom为nz-menu
注意:
- 在自己的feature分支中更新时,使用全局替换方式更方便。同一个标签如果只替换头尾而保留中间内容,可分两部替换,先替换头再替换尾(idea from Shepard)。
- 升级后部分css效果会消失,需要在后期根据新等设计重新设置css样式
- 在后续使用ant控件时需要参考0.7版本的开发文档:
https://ng.ant.design/version/0.7.x/docs/introduce/zh
网友评论