如何移除PrimeNg MultiSelect中的Apply和Clear按钮？

方法1：使用MultiSelect官方属性（推荐） #

PrimeNG的MultiSelect组件自带showFooter属性，默认开启（值为true），它控制着包含Clear和Apply按钮的底部区域是否显示。只需将该属性设为false即可直接隐藏这两个按钮：

修改你的p-multiSelect标签，添加[showFooter]="false"：

<p-multiSelect [ngModel]="value" [options]="serviceCodes"
    [(ngModel)]="selectedServiceCodes" placeholder="Any"
    (onChange)="filterTableByStatusCode()" optionLabel="serviceCode"
    [showFooter]="false">
    <ng-template let-option pTemplate="item">
        <div class="inline-block vertical-align-middle">
            <span class="ml-1 mt-1">{{ option }}</span>
        </div>
    </ng-template>
</p-multiSelect>

方法2：CSS样式隐藏（兼容备用） #

如果你的PrimeNG版本不支持showFooter属性，或者遇到特殊场景属性不生效，可以通过CSS精准定位并隐藏底部按钮区域：

在全局样式文件（如styles.css/styles.scss）中添加以下代码：

/* 仅隐藏表格过滤器内的MultiSelect底部按钮区域 */
.p-column-filter-menu .p-multiselect-footer {
    display: none !important;
}

如果需要对所有MultiSelect生效，可简化为：

.p-multiselect-footer {
    display: none !important;
}

内容的提问来源于stack exchange，提问作者Code Ratchet