当接到把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] | 侧边菜单缩起的用的这个属性指定宽度 |
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。