2
当接到把ng-zorror@~0.6升级到@^1的任务的时候,甘甜的心情瞬间变的苦涩,下面我就给小伙伴细数一下升级中要主要处理处理哪些差异---(注意并非面面俱到,是常用差异),方便小伙伴评估工作量,快速完成升级,有不正确的地方或者漏掉的地方欢迎小伙伴雅正 图片描述

form

@~0.6 @^1 备注
<div nz-form-item> <div> <nz-form-item> </nz-form-item> 属性改标签
<div nz-form-label> <div> <nz-form-label> </nz-form-label> 属性改标签
<div nz-form-control> <div> <nz-form-control> </nz-form-control> 属性改标签
<div nz-form-explain> <div> <nz-form-explain> </nz-form-explain> 属性改标签

input

@~0.6 @^1 备注
<nz-input> <input nz-input> 标签改属性
[nzDisabled] - 去掉
[nzReadonly] - 去掉
(nzBlur) - 去掉
(nzFocus) - 去掉
<nz-input-group> <nz-input-group> </nz-input-group> 变的比较大,老版中的<nz-input>上的前后置标签功能放到新版本的<nz-input-group> </nz-input-group>上面去了,具体可以查api

Modal 对话框

@~0.6 @^1 备注
NzModalService.open() NzModalService.create() open()改为create()
NzModalSubject NzModalRef 天翻地覆的变化,会影响你处理modal框的业务逻辑⭐

table

@~0.6 @^1 备注
[nz-thead] <thead> 去掉了
[nz-table-body] <tbody> 去掉了
[nz-tbody-tr] <tr> 去掉了
[nz-td] <td> 去掉了
[nz-th] <th> 去掉了
[nzAjaxData] [nzData] -
[nzDataSource] [nzData] [nzAjaxData] [nzDataSource]不再区分改为[nzData]
[nzFrontPagination] 想后端分页的加上[nzFrontPagination]="false"

menu

@~0.6 @^1 备注
- [nzCollapsedWidth] 侧边菜单缩起的用的这个属性指定宽度

未完待续


jsure
137 声望4 粉丝

爱学习,爱劳动。


引用和评论

0 条评论