ng-zorro 升级后 nz-table 增删数据异常

问题

之前 table 的数据一直用 push 处理新增，splice 处理删除，升级到新版本 11 之后不行了：

<nz-table [nzData]="dataSet"></nz-table>
...
...
<nz-button (click)="add()"></nz-button>

add() {const item = {key    : `${this.i}`,name   : `Edward King ${this.i}`,age    : '32',address: `London, Park Lane no. ${this.i}`}this.dataSet.push(item);
}

解决

新增、删除分别改成如下写法：

// 增加数据
this.dataSet = [ ...this.dataSet, {key    : `${this.i}`,name   : `Edward King ${this.i}`,age    : '32',address: `London, Park Lane no. ${this.i}`
}];

// 删除数据
deleteItem(index) {this.dataSet = this.dataSet.filter((v, i) => index !== i);
}

参考

https://ng.ant.design/components/table/zh#%E6%B3%A8%E6%84%8F

ng-zorro 升级后 nz-table 增删数据异常相关推荐

阿里云峰会|阿里云数据中台重磅升级后拟扶持100万家企业数智化
6月9日,在2020阿里云线上峰会上,阿里巴巴集团副总裁.数据技术及产品部负责人朋新宇推出Quick Audience.Quick A+两款全新产品,并升级Dataphin和Quick BI两款现有产 ...
阿里云峰会 | 阿里云数据中台重磅升级后拟扶持100万家企业数智化
6月9日,在2020阿里云线上峰会上,阿里巴巴集团副总裁.数据技术及产品部负责人朋新宇推出Quick Audience.Quick A+两款全新产品,并升级Dataphin和Quick BI两款现有产 ...
MySql5.7 直接拷贝数据文件后出现table xxx doesn’t exist
MySQL备份或者转移数据库时有一种方便的方法,就是直接拷贝MySQL目录下,data文件夹下对应的数据库文件夹:但当粘贴到另外的服务器下的data文件夹下后,虽然打开数据库后能看到各个table,但 ...
mysql升级后将旧数据迁移到新数据库中
mysql升级后将旧数据迁移到新数据库中 1.将原来数据库进行导出成.sql文件例:StudentSql.sql 2.进入新数据库的bin目录下复制bin目录 3.cmd进入bin目录下(需管理 ...
淘客API升级后的解决方案，怎么采集淘宝的商品数据
淘客API升级后的解决方案,怎么采集淘宝的商品数据继淘客API只能皇冠会员才能使用之后,研究了很多方法来解决采集的数据的问题现在采用的是URL方式采集搜索页,然后商品API获取商品详情的方法. 然 ...
数据库升级后，准备使用原有数据文件启动数据库
因听到以前同事说到11.2.1版本在进行子查询时,速度有时会莫名的慢下来.正好有时间,也是测试服务器, 那就把数据库升级到11.2.3吧.原计划是升级后可以直接使用数据库的相关文件就能启动数据库. 但 ...
打怪升级之小白的大数据之旅(六十七)＜Hive旅程第八站:Hive的函数＞
打怪升级之小白的大数据之旅(六十七) Hive旅程第八站:Hive的函数上次回顾上一章,我们学习了如何对数据进行拆分–分区表与分桶表,使用分区表与分桶表,可以加快我们的查询效率..本章节是Hive ...
angular项目集成ng zorro 和ng alain
angular项目集成 ng zorro和ng alain(mock 和acl权限)学习笔记这段时间,比较忙,很久没有写博客了.作为后端开发人员,第一次接触angular,以下是个人的学习心得和D ...
企业运维之域控篇（九）--辅助域强制占用后的操作--清除数据
----------------------------------------------------------- 企业运维之域控篇(九)--辅助域强制占用后的操作--清除数据企业运维之域控篇 ...

ng-zorro 升级后 nz-table 增删数据异常

ng-zorro 升级后 nz-table 增删数据异常

问题

解决

参考

ng-zorro 升级后 nz-table 增删数据异常相关推荐

最新文章

热门文章