Как показать сообщения об ошибках проверки реактивных форм

При использовании console.log:

a = {}; a.a=1;console.log(a);a.b=function(){};
// without b
a = {}; a.a=1;a.a1=1;a.a2=1;a.a3=1;a.a4=1;a.a5=1;a.a6=1;a.a7=1;a.a8=1;console.log(a);a.b=function(){};
// with b, maybe
a = {}; a.a=function(){};console.log(a);a.b=function(){};
// with b

в первой ситуации объект достаточно прост, поэтому консоль может «подкрепить» его, а затем представить вам; но в других ситуациях a слишком «сложный» для «stringify», поэтому консоль вместо этого покажет вам объект памяти, и да, когда вы посмотрите на него, b уже привязан к.

0
задан Bear Nithi 5 March 2019 в 17:12
поделиться

2 ответа

Вы должны создать метод получения в ваших component.ts следующим образом, чтобы получить элемент управления формы в шаблоне

get formAltaControls(): any {
   return this.formAlta['controls'];
}

В вашем componenten.html

<div *ngIf="formAltaControls.namePro.invalid && (formAltaControls.namePro.dirty || formAltaControls.namePro.touched)" class="alert alert-danger form-danger" role="alert">

    <div *ngIf="formAltaControls.namePro.errors.required">
        El Nom del professional es obligatori
    </div>
0
ответ дан Bear Nithi 5 March 2019 в 17:12
поделиться

Я думаю, вы должны изменить свой код на что-то подобное

  <form [formGroup]="formAlta" (ngSubmit)="addRepresentacio()">
        <div class="form-group">
          <label for="namePro">Nom</label>
          <input id="namePro" class="form-control" formControlName="namePro" placeholder="Nom del professional" required>
          <div *ngIf="formAlta.controls['namePro'].invalid && (formAlta.controls['namePro'].dirty || formAlta.controls['namePro'].touched)" class="alert alert-danger form-danger" role="alert">

    <div *ngIf="formAlta.controls['namePro'].errors.required">
        El Nom del professional es obligatori
    </div>
</div></form>
0
ответ дан Tonmoy Nandy 5 March 2019 в 17:12
поделиться
Другие вопросы по тегам:

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