Use constructor inside a story

Is it possible to inject a service inside a storybook using a contstructor or something else?

We are implementing storybook with our angular components. And it would be nice if we can do something like:

export const story = () => ({
    template: `
        <my-component (click)="clicked()"></my-component>
    `,
    constructor(private customService: MyCustomService): void {
    },
    props: {
        clicked(): void {
            this.customService.doSomething();
        }
    }
});

[dimitriy-k]

I have similar problem, I want to build FormGroup with FormBuilder, but cannot figure out how to do it for story, because there is no constructor, so I cannot inject FormBuilder, and where can I call method like:

this.form = this.formBuilder.group({
      input: ['', Validators.required],
      email: ['', Validators.email],
    });

[dimitriy-k]

Also trying to work this out. Did you find a way to do this?

I just build FormGroup:

import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';

export const myFormField = () => ({
  moduleMetadata: {
    imports: [
      ReactiveFormsModule,
      FormsModule,
    ],
  },
  component: MyFormFiledComponent,
  template: `
  <form [formGroup]="formGroup">
    <my-form-field formControlName="formControl"></my-form-field>
    <my-form-field formControlName="formControlPrefilled"></my-form-field>
  </form>
  `,
  props: {
    formGroup: new FormGroup({
      dropdown: new FormControl(null),
      formControlPrefilled: new FormControl({ start: 21, end: 345 }),
    }),
  },
});