Как проверить текстовое поле с помощью реактивной проверки формы

Question

Я создал пользовательский текстовый компонент для текстового поля, и я пытаюсь выполнить проверку с помощью реактивной проверки формы, но не работает.

Ошибка при получении:

ERROR Ошибка: formControlName должно использоваться с родительской директивой formGroup. Вы хотите добавить формуГруппа директиву и передайте ей существующий экземпляр FormGroup (вы можете создать его в своем классе).

Кто-нибудь может помочь решить эту проблему?

https://stackblitz.com/edit/angular-6-reactive-form-validation-9pu6hq?file=app%2Fapp.component.html

app.component.html:

<app-textbox formControlName="password"></app-textbox>

app.component.ts:

this.registerForm = this.formBuilder.group({
        firstName: ['', Validators.required],
        password: ['', [Validators.required, Validators.minLength(6)]]
    });

Answer 1

Вам необходимо поместить app-textbox между form элементом, который назначен группе форм:

   <form [group]="registerForm">
      <app-textbox formControlName="password"></app-textbox>
   </form>