In primeng Datatable benutzerdefinierte Filter funktioniert nicht

Question

Ich habe eine Datentabelle mit Spalte Org. Eine bestimmte Liste von Orgs befindet sich in einem Array. Wie Sie diese Liste in der Spaltenfilter-Dropdown-Box hinzufügen. Wenn ich versuche, die Optionen mit der Liste hinzuzufügen, wird die Dropdown-Liste ohne Wert angezeigt. Kann mir jemand mitteilen, wie dynamische Werte im Dropdown-Menü hinzugefügt werden?

<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

Es funktionierte nach appendTo = "Körper" in der Drop-Down-Tag

<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] sollte Array von SelectItem Interface-Objekte sein. Jedes Element sollte Etikett und Wert Eigenschaften umfassen:

{label: 'MyDisplayValue', value: 1} 

In Ihrem Code übergeben Sie Array von ganzen Zahlen (this.orgGroupList = 2,3,4,5,6,7) als [options] Eingang. Ändern Sie es in ein Array von SelectItem Schnittstellenobjekten.

Als Referenz können Sie offizielle Beispiel-Quellcode sehen: https://www.primefaces.org/primeng/#/datatable/filter