Prime NG：按标签搜索下拉列表

Question

我无法找到使用 prime ng 的角度项目的解决方案。我正在尝试对下拉值行进行列搜索。

如果我想查找所有“Jan”的值，则找不到数据。但是，如果我搜索“1”，它可以找到所有一月值。看起来它搜索的是值而不是标签。我如何使用标签来搜索它？

这是代码：

**HTML:**
<p-table #tt [value]="data" ....>

<input pInputText type="text" class="colmsearch"
placeholder="Search" 
(input)="tt.filter($event.target.value, 'month', 'contains')">

.
.
.
<p-dropdown formControlName="month" class="dropdownInput" *ngSwitchCase="'month'"
[options]="monthLabels"></p-dropdown>

</p-table>

**TS:**
this.data = [
    {id: 03, name: 'First', month: 1},
    {id: 04, name: 'Second', month: 2},
    {id: 05, name: 'Third', month: 1},
    .
    .
    {id: 07, name: 'Fourth', month: 3}

];

this.monthLabels = [
    {label: "Jan", value: 1},
    {label: "Feb", value: 2},
    {label: "Mar", value: 3},
    .
    .
    {label: "Dec", value: 12}
];

Answer 1

将[filter]="true" [filterBy]="'label'"添加到您的 p-下拉列表中。它会工作得很好。