Угловые 6 данных полей формы, которые будут очищены при первой загрузке страницы формы - PullRequest
0 голосов
/ 29 января 2019

Работа с угловыми реактивными формами, где у меня есть основная форма с именем 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);

}

Ответы [ 2 ]

0 голосов
/ 29 января 2019

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

this.formName.reset ();

Подробнее о формах читайте здесь

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

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

0 голосов
/ 29 января 2019

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

xyzFrom.reset(xyzFrom.value);
...