Mám dialogové okno, složka, která ukazuje, když jsem klepněte na tlačítko "Upravit" tlačítko vedle položky v tabulce. Dialogové okno složky vypadá takto:
<h1 mat-dialog-title>{{item.ID}}</h1>
<div mat-dialog-content>
<p>Edit item</p>
<mat-form-field appearance="outline" style="justify-content: center;">
<mat-label>ID</mat-label>
<input matInput [(ngModel)]="item.ID">
</mat-form-field>
<mat-form-field appearance="outline">
<mat-label>Name</mat-label>
<input matInput [(ngModel)]="item.Name">
</mat-form-field>
<mat-form-field appearance="outline">
<mat-label>Date</mat-label>
<input matInput [(ngModel)]="item.Date">
</mat-form-field>
</div>
<div mat-dialog-actions style="justify-content: center;">
<button mat-button (click)="onNoClick()">Cancel</button>
<button mat-button [mat-dialog-close]="item.ID" cdkFocusInitial>Save</button>
</div>
To vypadá a funguje a slouží svému účelu. Ale teď mám několik tabulek s různými typy dat, a když jsem může vytvořit samostatné okno pro každou tabulku a přidat pole formuláře ručně pro každý typ, že bych chtěl mít více flexibilní řešení.
Jak mohu vytvořit dialogové okno, kde pole formuláře jsou přidány na základě referenční typ prvku? Např: Když mám objekt typu "Ovoce" v jedné tabulce s properites jako 'Name', 'Barva', 'Cena', a objekt typu 'Auto' s vlastnosti jako 'Name', 'Vyrábí', 'Koní', mohu používat stejné dialogové okno složky a vytvořit formu dynamicky?