สี่เหลี่ยมวัสดุร้างจากพื้นฐานพิมพ์คุณสมบัติ

ฉันต้องกล่องโต้ตอบสำหรับส่วนประกอบซึ่งแสดงถึงตอนที่ฉันคลิกเป็น'แก้ไข'ปุ่มถัดไปจะเป็นรายการในโต๊ะ กล่องโต้ตอบส่วนประกอบดูเหมือนนี้สำหรับตอนนี้:

    <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>

นี่ดูเหมือและทำงานดีและสจุดประสงค์ของมัน แต่ตอนนี้ผมมีอีกหลายตารางข้อมูลเรียบร้อยแล้วกับต่างประเภทของข้อมูลและขณะที่ฉันสามารถสร้างแยกเป็นกล่องโต้ตอบสำหรับแต่ละโต๊ะและเพิ่มรูปแบบช่องข้อมูลด้วยตนเองสำหรับแต่ละประเภท,ฉันอยากจะยืดหยุ่นให้มากขึ้นติวิธี

ยังไงฉันสร้างกล่องโต้ตอบที่ไหนรูปแบบช่องข้อมูลเป็นการเพิ่มขึ้นอยู่กับการอ้างอิงธาตุเป็นประเภท? เช่น:ถ้าฉันมีวัตถุประเภท'ผลไม้ในหนึ่งโต๊ะกับ properites ชอบชื่อของ','สี','ค่า'และเป็นวัตถุประเภท'รถกับคุณสมบัติของชอบชื่อของ','ผลิต','แรงม้า'ได้ผมจะขอใช้ห้องเดียวกับกล่องโต้ตอบส่วนประกอบและสร้างรูปแบบ dynamically?