角材料的形式依类型的属性

0

的问题

我有一对话的成分,这显示了,当我击的"编辑"按钮旁边的一个项目在一个表中。 该对话组成看起来像这样:

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

这看起来和正常工作,并提供其目的。 但是现在我有几个其他表格中与不同类型的数据,而我可以创建一个单独的对话,为每一个表中添加的形式领域的手工对于每一类,我希望有一个更灵活的解决方案。

我怎么可以创建一个对话在哪里形成的领域是增加基于参考件的类型? 例如:如果我有一个目的类型'Fruit'在一个表与建设等'Name','Color','价格',并且对象类型汽车用的属性,如'Name','制造','匹马力,我可以使用相同的对话的成分,并创建的形式的动态?

angular angular-material html typescript
2021-11-23 18:33:47
1

最好的答案

0

当然这是可能使一个单一普遍的动态形式,但是它将成为太困难的。 尽快将有一个需要逻辑对于仅仅一种类型的对象(例如禁止领域的"a"如果某一数值,在场的"b"选择)。

2021-11-23 19:49:26

其他语言

此页面有其他语言版本

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................