如何设置图标而不是占位符角2

Question

我已实施datable of primeng. 的过滤器 我的代码如下：

<p-column field="time" header="Time" [filter]="true" filterPlaceholder="" filterMatchMode="in">
  <ng-template pTemplate="filter" let-col>
    <p-multiSelect [options]="timeOptions" styleClass="ui-column-filter" (onChange)="dt.filter($event.value,col.field,col.filterMatchMode)"></p-multiSelect>
  </ng-template>
</p-column>

和输出是这样的：

但我想要搜索图标而不是下拉字段。任何人都可以建议任何解决方案吗？

Answer 1

您只需使用O(n) = n^2和另外一个额外变量[hidden]就可以实现这一目标：

showFilter

Answer 2

您可以尝试实施模板。

如果您需要一个简单的解决方案，那么您可以覆盖css类。

.fa-caret-down:before {
    content: "\f002";
}

在添加之前，通过添加[styleClass]属性在 multiselect 组件中添加一个命名的css类。 这样您就可以避免在项目中的其他 font-awesome 类中受到影响。