传参模态框使用

来源:互联网 发布:淘宝贴吧论坛 编辑:程序博客网 时间:2024/06/16 10:49

在工作需求中,遇到当前弹窗添加、选择再弹出一个弹窗的情况。

假设父弹窗为A,子弹窗为B。

点击A的某功能要弹出B,并且打开B的时候,A需要传参到B。

1.点击选择,弹出选择模态窗,并将flow数组对象作为参数传入方法。flow是它的其中一项。


2.传入flow参数给组件。此为NG-Zorro的用法


3.在SelectComponent中取出父弹窗传进来的数据


4.在确认选择的方法里,直接改变父弹窗传来的参数对象flow里的数据,将当前重新拿到的数据赋值给flow。


5.这样,父窗口所传入的参数对象数据被子窗口直接修改了。虽然是从父传参给子,并在子里面改变数据,但实际上只是弹出弹窗效果,更改的是同一个对象数据。