Как сбросить реактивную форму Angular без очистки предварительно заполненных данных?

У меня угловая реактивная форма, и некоторые поля в форме предварительно заполнены. Я хочу реализовать кнопку «Отмена», которая сбросит все изменения в форме, кроме данных, которые были предварительно заполнены при загрузке страницы. Я попробовал следующее, но он сбрасывает всю форму:

resetForm() {
    this.myForm.reset();
  }

есть ли способ сбросить только текущие изменения вместо сброса всей формы?

angular typescript angular-reactive-forms

22.12.2020 05:13

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

408

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете сделать это с patchValue

resetForm() {
  this.myForm.patchValue(initialValue);
}

initialValue — это объект, который содержит заполненные значения.

22.12.2020 05:20

Другие вопросы по теме

Относительный модуль не найден, но все модули есть

Решил проблему с типом, но не понял, что именно было сделано

Tsyringe container.resolve создает новый экземпляр при вызове в пользовательском декораторе

Как узнать, существует ли текущее время в заданных временных интервалах, и найти, существует ли день между заданным массивом дней

Nestjs: избегайте повторяющихся выражений в конструкторе службы

Как сопоставить имя ключа с типом значения объекта typescript

Определение типа для функции, которая имеет конкретный объект this

Как я могу дождаться результата от моего метода в моей службе?

Реквизиты React не наследуются в пользовательском компоненте приложения Next.js

Угловая проверка, если наблюдаемый является нулевым в шаблоне

Как сбросить реактивную форму Angular без очистки предварительно заполненных данных?

Ответы 1

Другие вопросы по теме

Похожие вопросы