Quiero crear un "Banco de pruebas" para el libro de cuentos e incrustar un componente que requiera un FormGroup en un elemento DOM principal. ¿Es posible omitir la plantilla y pasar todos los elementos requeridos al control de formulario reactivo proporcionando un Inyectable?

Antes:

 <div [formGroup]='formGroupA'> <app-example-field formControlName='example'></app-example-field> </div>

 import { FormGroup } from '@angular/forms'; // eg const formGroup = new FormGroup({ example: new FormControl('') });

Después: plantilla directa

 <app-example-field formControlName='example'></app-example-field>

 import { FormGroup, ReactiveFormsModule } from '@angular/forms'; // Storybook (should work in the same way as a standalone Module + Component) ... decorators: [ moduleMetadata({ imports: [ MyExampleModule, ReactiveFormsModule ], providers: [ // What to put here? ] }) ],

Sin un formGroup válido, la directiva angular formControlName arroja un error: ERROR Error: formGroup expects a FormGroup instance. Please pass one in.

¿Alguna idea? ¿Cómo pasar este problema?