मैं एक संवाद घटक पता चलता है, जो जब मैं क्लिक करें 'संपादित करें' बटन एक आइटम के बगल में एक मेज । संवाद घटक की तरह लग रहा है यह अभी के लिए:
<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 तरह के 'नाम', 'रंग', 'कीमत', और एक वस्तु के प्रकार 'कार' गुण के साथ की तरह 'नाम', 'निर्मित', 'हॉर्स पावर', मैं उपयोग कर सकते हैं एक ही संवाद घटक और बनाने के रूप में गतिशील रूप से?