Durchsetzung von Modell-Typsicherheit mit generischen Basis-Komponenten

import { Directive, EventEmitter, Input, Output } from '@angular/core';
 
export interface BaseEntity {
  id: string | number;
  updatedAt: Date;
}
 
@Directive()
export abstract class BaseEditorComponent<T extends BaseEntity> {
  @Input({ required: true }) entity!: T;
  @Output() save = new EventEmitter<T>();
  @Output() cancel = new EventEmitter<void>();
 
  protected isDirty = false;
 
  abstract validateEntity(model: T): boolean;
 
  public handleSave(): void {
    if (this.validateEntity(this.entity)) {
      this.isDirty = false;
      this.save.emit(this.entity);
    }
  }
 
  public handleCancel(): void {
    this.isDirty = false;
    this.cancel.emit();
  }
}