Untitled

import { Component} from '@angular/core';
import { FormControl, FormGroup, FormGroupDirective } from '@angular/forms';
import { BaseHeaderComponent } from '../base-header.component';

@Component({
  selector: 'app-header-section',
  templateUrl: './header-section.component.html'
})
export class HeaderSectionComponent extends BaseHeaderComponent {

  form: FormGroup

  beforeFormInit(): void {}
  afterFormInit(): void {}

  // declare form controls
  formControls = {
    idk: new FormControl(''),
    ik: new FormControl('')
  }
  // declare on change listeners
  formControlsOnChange = {
    idk: (value) => this.onChange('idk', value),
    ik: (value) => this.onChange('ik', value),
  }
  // store the state of each input
  formControlsDisabled = {
    idk: false,
    ik: false
  }
  // handle async data change
  ngOnChanges(): void {
    // do your things
  }


}