ng-zorror@~0.6升级@^1在开发中有哪些差异-白红宇

ng-zorror@~0.6升级@^1在开发中有哪些差异

阅读量：7260 次

发布时间：2019-06-29

本文共 1142 字，大约阅读时间需要 3 分钟。

当接到把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>`	属性改标签

@~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"`