Данные полей формы Angular 6 очищаются при первой загрузке страницы формы

Работа с угловыми реактивными формами, где у меня есть основная форма с именем xyzFrom, для которой происходит следующее:

  1. Страница загружается, и пользователь должен ввести значения соответствующих полей.
  2. Затем после заполнения происходит отправка.
  3. Затем я перехожу на страницу своего главного меню, нахожу страницу поиска, где я получаю набор значений в таблице данных, и вместе с ней у меня есть значок, поэтому при щелчке по этому значку он открывается в основной форме, т.е. xyzFrom с загруженными значениями в соответствии с тем, что заполнено этим конкретным идентификатором.

Проблема здесь в том, что, поскольку я вызвал службу на ngOnInit, значения загружаются даже при первом вызове любой службы. Как мне решить эту проблему, чтобы она открывалась в чистой новой форме каждый раз, когда открывается новая форма?

Это файл component.ts

 ngOnInit(): void {


    this.choosePolicyType = this.policyTypes1[0];


    this.vehicleDetailsForm = this.fb.group({
        first_name: [, [Validators.required, Validators.minLength(3)]],

    })

this.getPolicyInfo();
} getPolicyInfo() {
this.policyService.getPolicyInfo().subscribe(
    (policyB: PolicyData) => this.displayPolicyB(policyB),

    (error: any) => this.errorMessage = <any>error

);} 

И это моя служба

getPolicyData(): Observable<PolicyData[]> {
return this.http.get<PolicyData[]>(this.serviceUrl);

}

Добавьте любой код, который вы пробовали.

Sudarshana Dayananda 29.01.2019 07:14

@SudarshanaDayananda добавлено

anglrlearner 29.01.2019 09:05
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
2
172
2

Ответы 2

Вы можете просто вызвать ngOnInit

xyzFrom.reset(xyzFrom.value);

Самый простой способ сбросить формы -

this.formName.reset();

для получения дополнительной информации о формах читайте здесь

https://angular.io/docs/ts/latest/guide/forms.html

Метод form.reset() работает только для вызова сброса formControls

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