Угловой 7 - Имея два formControls разных formGroups с одинаковым formControlName?

Question

Допустимо ли иметь два FormControls с одинаковым formControlName, но они являются частью разных FormGroups в одной и той же форме?

Answer 1

Да, он действителен, потому что вы разделяете их атрибутом formGroup.

Это два formGroup с одинаковыми formControlName

<form [formGroup]="loginForm">
  <input formControlName="name" type="text">
  <input formControlName="password" type="password">
</form>

<form [formGroup]="signForm">
  <input formControlName="name" type="text">
  <input formControlName="password" type="password">
</form>

Также, если вы посмотрите на синтаксис TypeScript, вы увидите, что каждый FormGroup является объектом.

this.loginForm = new FormGroup({
  name: new FormControl(),
  password: new FormControl()
});
this.signForm = new FormGroup({
  name: new FormControl(),
  password: new FormControl()
});