customer.component.ts

export class CustomerComponent {
  formGroup = new FormGroup({});
  @Input() customer: Customer | undefined;
  @Output() save = new EventEmitter<Customer>();
  @Output() remove = new EventEmitter<Customer>();
  
  fields: FormlyFieldConfig[] = [
    // form configuration 
  ];

  submit(customer: Customer) {
    if (this.formGroup.valid) {
      this.save.emit(this.formGroup.value);
    }
  }

  handleRemove(customer: Customer) {
    if (confirm(`Really delete ${customer}?`)) {
      this.remove.emit(this.customer);
    }
  }
}