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

时间:2017-06-04 14:32:51

标签: angular angular-reactive-forms

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

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

1 个答案:

答案 0 :(得分:1)

有点晚了,但请查看此示例:

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

我使用表单组的valueChanges来推送数组中的更改,然后我可以恢复更改