При использовании 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 уже привязан к.
Вы должны создать метод получения в ваших 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>
Я думаю, вы должны изменить свой код на что-то подобное
<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>