Хорошо, я создал конструктор форм, чтобы лучше контролировать форму.Но когда я не знаю, как передать formControlName его потомку без потери контекста.Я могу передать form.value.X вниз, но он не ведет себя как положено.
, поэтому я объявил свою FormGroup для компонента:
public form: FormGroup;
constructor(private _fb: FormBuilder) {
this.initForm();
}
public initForm() {
this.form = this._fb.group({
email: ['', Validators.required],
password: ['', Validators.required]
});
}
, и это мой HTML:
<form [formGroup]="form" (ngSubmit)="save()">
<input formControlName="email" />
<input formControlName="password" />
<button type="submit" id="btnLogin" type="button">Logar</button>
</form>
код выше РАБОТАЕТ.Тем не менее, я пытаюсь использовать компонент вместо обычного ввода.Поэтому у меня возникла проблема передать его следующим образом:
<form [formGroup]="form" (ngSubmit)="save()">
<newInput formControlName="email" /> // how do I pass this formControlName down?
<newInput formControlName="password" /> //
<button type="submit" id="btnLogin" type="button">Logar</button>
</form>
Я уже пытался отправить его по вводу, но он не распознает ни переменную "email", ни "пароль".и если я пытаюсь отправить form.value.email, он отправляет статическое значение.
Я хотел бы иметь возможность использовать конструктор форм, передавая его дочернему компоненту, который должен быть моим входом