In primeng Datatableカスタムフィルターが機能しない

Question

私は列Orgでデータテーブルを持っています。組織の明確なリストは配列内にあります。列フィルタのドロップダウンボックスにこのリストを追加する方法。リストにオプションを追加しようとすると、値のないディスプレイをドロップダウンしてください。誰かがドロップダウンに動的な値を追加する方法を教えてください。

<p-column field="org" header ="Org" [sortable]="true" [filter]="true" filterMatchMode="equals"> 
     <ng-template pTemplate="filter" let-col> 
      <p-dropdown [options]="orgGroupList" [style]="{'width':'100%'}" styleClass="ui-column-filter"></p-dropdown> 
     </ng-template> 
     </p-column> 


this.orgGroupList = 2,3,4,5,6,7 

Answer 1

をそれは

<ng-template pTemplate="filter" let-col> 
      <p-dropdown [options]="orgs" [(ngModel)]="selectedOrg" appendTo="body" [style]="{'width':'100%'}" (onChange)="dt.filter($event.value,col.field,col.filterMatchMode)" styleClass="ui-column-filter"></p-dropdown> 
     </ng-template> 

Answer 2

[options]はSelectItemの配列オブジェクトでなければなりません。各項目は、ラベルと値のプロパティを含める必要があります。

{label: 'MyDisplayValue', value: 1} 

あなたのコードでは、あなたが[options]入力として整数（this.orgGroupList = 2,3,4,5,6,7）の配列を渡します。それをSelectItemのインタフェースオブジェクトの配列に変更します。

参考のためにあなたがで公式の例のソースコードを見ることができます： https://www.primefaces.org/primeng/#/datatable/filter