ng-zorror@~0.6升級@^1在開發中有哪些差別

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

未完待續

相關文章
相關標籤/搜索