Angular 在初始化数据表中,自定义筛选器不工作
我有一个列为Org的数据表。不同的组织列表在一个数组中。如何在列筛选器下拉框中添加此列表。当我尝试在列表中添加选项时,下拉列表显示没有值。有人能告诉我如何在下拉列表中添加动态值吗Angular 在初始化数据表中,自定义筛选器不工作,angular,primeng,primeng-datatable,Angular,Primeng,Primeng Datatable,我有一个列为Org的数据表。不同的组织列表在一个数组中。如何在列筛选器下拉框中添加此列表。当我尝试在列表中添加选项时,下拉列表显示没有值。有人能告诉我如何在下拉列表中添加动态值吗 <p-column field="org" header ="Org" [sortable]="true" [filter]="true" filterMatchMode="equals"> <ng-template pTemplate="filter" let-col>
<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
this.orgGroupList=2,3,4,5,6,7
[options]
应该是SelectItem
接口对象的数组。每个项目应包括标签和值属性:
{label: 'MyDisplayValue', value: 1}
在代码中,您将整数数组(this.orgGroupList=2,3,4,5,6,7
)作为[options]
输入传递。将其更改为SelectItem
接口对象数组
作为参考,您可以在以下网址查看官方示例源代码:
在下拉标签中包含appendTo=“body”后,它就工作了
<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>
我假设您的代码是
this.orgGroupList=[2,3,4,5,6,7]