我是nzModal服务方式创建的窗口，在窗口内创建的表单内使用array.push(),
array.splice()等不可逆方法操作表单值后，发现窗口取消时（点击右上角关闭按钮），再次打开表单，表单值未reset.
于是，如图，我设置nzOnCancel函数触发父组件重新加载。但是这是浪费性能的。
那么nzOnCancel应该怎么写来监听窗口关闭时清空表单？
或这样实现窗口自己监听关闭时间reset表单？
nzModal服务方式创建窗口如何reset表单？
阅读 1.1k
撰写回答
推荐问题
Angular中的rx数据流在ngOnInit中初始化还是在constructor中初始化更好？
写在ngOnInit里面的话， ts会报成员未初始化的错误， 需要在声明属性的时候添加非空断言data$!,现在感觉非空断言应该尽量少用或者不用。3 回答620 阅读
Angular 路由菜单集成组件遇到的一些问题?
这个是我自己写项目时遇到的问题项目的侧边菜单用的是 Material Sidenav + Bootstrap Accordion 混合实现, 所以存在一些小 Bug. 在正常情况下点击 System, 点击 User, 那么 User 菜单是能正常激活的 (携带 .active 这个类)2 回答661 阅读
<input type="datetime-local"> 在app端里面时间为什么不是24小时制，而在浏览器是24小时制？
在 浏览器 中显示 在 App 里面显示为上午和下午问题更新现在用 ion-datetime 组件可以在 App 端上实现 24 小时制，但是点击时不流畅。点击取消和确定的时候接着点击下面的 ion-datetime 组件没有效果，需要 1-2 秒的延迟才能点击，这个要怎么优化。组件链接 ion-datetime: Ionic API Input for Datetime Format Picker3 回答512 阅读
浏览器窗口怎么关闭？
直接 window.close() 无效这样感觉只是替换了窗口，并没有关闭。 {代码...} 怎么才能直接关闭当前的窗口啊？2 回答642 阅读
Angular Flex Layout 中 fxLayoutWrap 属性不生效?
最近在学习 Angular 的 Flex 依赖, 遇到点问题, 百度上的文章是这样的 {代码...} 然后我自己测试了一下, 发现 fxLayoutWrap 属性不生效, 不清楚是什么原因, 如下图是自己测试的 Angular 页面确定项目中是引入了 FlexLayoutModule, 因为前面的测试 fxLayout="row" 是正常的关键代码如下flex-layout.component.h...1 回答407 阅读✓ 已解决
angular13版本如何在ng build打包时不将文件压缩？
"ng": "ng","build": "npm run color-less && node --max_old_space_size=5120 ./node_modules/@angular/cli/bin/ng build",使用ng build打包时默认将文件压缩了，如何可以不压缩1 回答660 阅读
Angular 如何让某些页面不能直接通过 URL 请求?
目前访问 http://localhost:4200 会重定向到 /home, 进入到后台管理系统布局首页菜单用的是 [routerLink] 属性指定路由 {代码...} 需求如果点击菜单来请求页面, 则正常访问只有 http://localhost:4200 和 http://localhost:4200/home 可以直接通过 URL 请求, 其他路由如果直接通过 URL 请求, 则重定向到一个 Error 页面...1 回答390 阅读✓ 已解决
宣传栏
你的这个问题,理论上不应该存在.
因为以service传入Component的方式来创建modal在每次关闭时都会调用Component的Destroy方法
之后再次打开又会重新创建这个Component,相应的init方法之类的生命周期都会进行一遍
你发生的这个问题,我猜测可能性应该是因为你在Component内部操作了传入的row参数,
array.splice()之类的操作,改变了row本身,当你再次打开modal的时候,又是使用了这个row,所以数据一直在变化.如果你不想影响,可以考虑传入时,复制一份row,在Component里面不要改变原来的数据
如果不是row参数,建议你可以贴出你在Component里面做的操作