Angular Typed Forms

Installation

$ npm i -S @saritasa/angular-typed-forms

After installation, import this module to main file of your project:

import '@saritasa/angular-typed-forms';

Compatibility

Angular version	Package version
13	2.0.0
< 13	1.0.3

Examples:

import { FormBuilder, FormGroupTyped } from '@angular/forms';


interface UserForm {
  firstName: string;
  lastName: string;
  phone: string;
  numbers: number[];
}

@Component({
  // ...
})
export class ExampleComponent {
  /** Example of formBuilder for FormGroup */
  public form = this.fb.groupTyped<UserForm>({
    firstName: [''],
    lastName: [''],
    /** Example of formBuilder for FormControl */
    phoneNumber: this.fb.controlTyped<string>(''),
    /** Example of manual creating for FormArray */
    numbers: new FormArrayTyped<number>([
      /** Example of manual creating for FormControl */
      new FormControlTyped<number>(1),
      this.fb.controlTyped<number>(2),
    ]),
  });

  public constructor(private readonly fb: FormBuilder) {}
}