Primengデータレンダリングドロップダウン編集がラベルで動作しない

Question

最新バージョンのPrimeNGデータベースを使用して、アングル4のレコードのリストを表示していますが、p-drowpdownでのreocordの編集に関する問題があります。ドロップダウンからデータを選択している場合、その値フィールドは列に表示されます。これはlableフィールドに表示されます。

<p-column field="id" header="Name" [sortable]="false" resizableColumns="true" 
[filter]="true" filterPlaceholder="Search" [editable]="true" [style]="{'overflow':'visible'}"> 
    <ng-template let-col let-data="rowData" pTemplate="editor"> 
      <p-dropdown [(ngModel)]="data[col.field]" [autoWidth]="false" required="true" [options]="attributeOptionList" class="form-control" [style]="{'width':'100%','height':'32px'}" 
     filter="filter" placeholder="Select Attribute"></p-dropdown> 
    </ng-template> 
</p-column> 

例： ドロップダウン例

値 | ラベル

1 | Newyork

2 | Auli

市区町村ID1の選択では、その値ではなく、Newyork（ラベル）を表示する必要があります。現在、Newyorkの代わりに1を表示しています

Answer 1

ドロップダウンメニューのngModelを変更してください。今あなたはデータ[col.field]にバインドしようとしています[col.label]データにバインドしてください。

<p-dropdown [(ngModel)]="data[col.label]" [autoWidth]="false" required="true" [options]="attributeOptionList" class="form-control" [style]="{'width':'100%','height':'32px'}" filter="filter" placeholder="Select Attribute"></p-dropdown>