각 재료에 따라 양식 형성

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>

이 보고 잘 작동,를 제공합니다. 하지만 지금은 여러 가지 기타 테이블과 함께 다양한 유형의 데이터,그리고 내가 만들 수 있는 별도의 대화를 위한 각각의 테이블 추가 양식을 필드를 수동으로 각 유형을 위해,나는 더 유연한 솔루션을 제공합니다.

는 방법을 만들 수 있는 대화 상자 형식의 필드에 추가에 따라 참조하는 요소의 유형은? E.g:가 있는 경우에는 개체의 유형'과'중 하나에와 테이블 properites 같은'이름','컬러','가격',고체 형식의'차'를 같은 속성'이름','제조','마',를 사용할 수 있습니 동일한 구성 요소 및 대화 형태를 만드를 동적으로?

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