In primeng Datatable 사용자 정의 필터가 작동하지 않습니다.

Question

Org. 뚜렷한 조직 목록은 배열에 있습니다. 열 필터 드롭 다운 상자에이 목록을 추가하는 방법 목록에 옵션을 추가하려고 할 때 value가없는 디스플레이를 드롭 다운하십시오. 누군가가 드롭 다운에 동적 값을 추가하는 방법을 알려주십시오.

<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