angular - 如何将撤消按钮添加到 Reactive Form (Angular 2)?

标签 angular angular-reactive-forms

我使用 Angular 2 中提供的响应式表单技术构建了一个表单。该表单有许多不同类型的控件。现在我需要给它添加一个撤销按钮。我已经能够使用 clickchange 事件设置一个基本的撤消按钮。当有人单击表单控件时,我正在保存以前的值,并在控件的值更改时将该值存储到本地存储。然而,这种方法有一些缺点。例如,当某人 tabs 进入控件时,click 事件不会触发。

那么有没有办法在发生更改时保存表单的版本?我认为理想的解决方案是一个watcher,它会密切关注表单并保存它的版本。

最佳答案

有点晚了,但在这里检查这个例子:

https://stackblitz.com/edit/reactive-form-changes-history

我使用表单组的 valueChanges 将更改推送到数组中,这样我就可以恢复更改

关于angular - 如何将撤消按钮添加到 Reactive Form (Angular 2)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44355194/

相关文章:

angular - Typescript 中的类型推断与显式类型声明

angular - 从表单控件 Angular 6 中删除验证器

javascript - Angular 补丁可观察数据到 react 表单字段

angular - 为什么Angular 11和Electron会产生没有内容的窗口

带正文的 Angular Put 请求示例

css - Angular 2 更改位置以固定在滚动条上

javascript - 如何在通用验证器类 Angular2 中实现自定义验证器?

javascript - 在不更改文本不透明度的情况下禁用垫扩展

Angular Reactive 编辑表单预填充字段仍会触发 "required"错误

angular - 单击关闭按钮时如何停止激活 Angular react 表单验证