Как добавить кнопку отмены в реактивную форму (Angular 2)?

Я создал форму, используя технику реактивных форм, доступную в Angular 2. Форма имеет множество элементов управления разных типов. Теперь мне нужно добавить к нему кнопку отмены. Мне удалось настроить базовую кнопку отмены, используя события click и change. Я сохраняю предыдущее значение, когда кто-то щелкает элемент управления формы, и сохраняю это значение в локальном хранилище, когда значение элемента управления изменяется. Однако у этого метода есть недостатки. Например, когда кто-то вкладывает в элемент управления, событие click не срабатывает.

Так есть ли способ сохранить версии формы при изменении? Я думаю, что идеальным решением будет наблюдатель, который будет следить за формой и сохранять ее версии.


person Tuhin Karmakar    schedule 04.06.2017    source источник


Ответы (1)


Немного поздно, но посмотрите этот пример здесь:

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

Я использовал valueChanges группы форм для внесения изменений в массив, чтобы затем я мог восстановить изменения.

person Martino Bordin    schedule 30.05.2018
comment
Прошел год с тех пор, как я разместил этот вопрос. Тогда я только начинал изучать Angular. Думаю, я пробовал использовать метод AbstractControl#valueChanges. Но я не мог его использовать, потому что у нас было настраиваемое поле ввода, которое не собиралось сообщать о своих изменениях с помощью этого метода. В то время я не знал, как создавать собственные элементы управления для Angular. Я попробую реорганизовать свой код с помощью вашего примера и посмотреть, как все работает. - person Tuhin Karmakar; 04.07.2018