经常使用ant design 中的 modal 对话框和 表单组件一起组成弹出式 表单填写窗口

问题描述

但是今天发现 多选下拉框和 对话框 之前有显示bug，多选下拉框中选择值后，关闭对话框（每次关闭对话框都会重置表单），再重新打开对话框会发现多选下拉框中仍然有 上次选择的数据项，但是此多选下拉框中并没有值，显示出的数据项仅仅只是显示出来，不能进行移除等操作。

这里做一个例子：（这里用this.va = []; 代替 表单重置操作）

刚显示出的对话框：

进行选择内容：

关闭再打开：会发现 并没有选择值但是窗体中仍有值，但是无法进行操作，数据项旁的X无法点击删除。

解决方式

解决方式1

不要在打开对话框的时候才重置表单，在关闭对话框的函数中重置表单。

解决方式2

如果非要在打开对话框的时候才重置表单，使用ng-template 覆盖表单，然后使用对话框的nzContent 指定 ng-template