NG-ZORRO 模态框关闭时如何销毁数据?

使用NG-ZORRO的modal中包含Form表单,在表单中进行数据操作,当点击确定或者取消关闭Modal框后,数据并没有被销毁,再打开modal框时数据又被显示出来。

clipboard.png

如何让在每次关闭modal时销毁modal框的内容。

阅读 506
评论 2019-09-11 提问
    2 个回答
    鸿则
    • 1.7k

    nzOnOknzOnCancel里面手动把form表单还原。

    应该是form表单已经把值绑定到了model上面,但是关闭modal的时候没有还原model,所以再次打开modal会根据model回显表单。


    销毁Modal,如果是服务方式创建的

    destroy(result: any) 销毁对话框。
    注:仅用于服务方式创建的对话框(非服务方式创建的对话框,此方法只会隐藏对话框)

    但是问题的主要原因在modal里面的form绑定的model处理

    评论 赞赏 2019-09-11
      closeModal(){
      modalVisiable= false;
      formData = null;
      }
      

      formvisiable设置为false时,modal会关闭,同时另formData = null; 数据就会消失.
      或者每次在打开modal时清空数据:

          openModal(){   
           modalVisiable= true;
           formData = null;
           }
      评论 赞赏 2019-09-11
        撰写回答

        登录后参与交流、获取后续更新提醒