當接到把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] | 側邊菜單縮起的用的這個屬性指定寬度 |