div class=mb-2 span class=p-input-icon-left style=width 100 i class=pi pi-searchi input ngModel=searchKeyword class=mr-2 pInputText style=width 100; text-align center

您可以将ngIf指令添加到服务按钮的HTML元素上，检查服务名称是否包含搜索关键字。例如，将以下内容添加到服务按钮上的div标签中：

*ngIf="'#'+service.serviceId+' '+service.name | lowercase | includes: searchKeyword.trim().toLowerCase()"

这将检查服务ID和名称是否包含搜索关键字（不区分大小写），如果包含，则显示服务按钮。完整代码示例：

<button *ngFor="let service of category.services" pButton type="button" style="width: 100%; max-width: 600px; margin-right: 8px" [hidden]="service.hidden || searchKeyword.trim()!=''" [ngClass]="{'search-match': '#'+service.serviceId+' '+service.name | lowercase | includes: searchKeyword.trim().toLowerCase()}" (click)="goPlaceOrder(service.serviceId)"> <div style="width: 100%; text-align: center; word-wrap: anywhere" *ngIf="'#'+service.serviceId+' '+service.name | lowercase | includes: searchKeyword.trim().toLowerCase()"> #{{service.serviceId}} {{service.name}}

{{'价格' | translate}} : {{service.userPrice | currency:service.currency:"symbol-narrow":'.2-2'}} {{'预计时间' | translate}} : {{service.estimatedTime}}