当接到把ng-zorror@~0.6升级到@^1的任务的时候,甘甜的心情瞬间变的苦涩,下面我就给小伙伴细数一下升级中要主要处理处理哪些差别---(注意并不是面面俱到,是经常使用差别),方便小伙伴评估工做量,快速完成升级,有不正确的地方或者漏掉的地方欢迎小伙伴雅正![]()
@~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> |
属性改标签 |
@~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 |
@~0.6 | @^1 | 备注 |
---|---|---|
NzModalService.open() |
NzModalService.create() |
open() 改成create() |
NzModalSubject |
NzModalRef |
天翻地覆的变化,会影响你处理modal框的业务逻辑⭐ |
@~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" |
@~0.6 | @^1 | 备注 |
---|---|---|
- | [nzCollapsedWidth] | 侧边菜单缩起的用的这个属性指定宽度 |