在 <mat-menu> angular

Question

我的角度应用程序中有这样的垫菜单：

      <mat-menu #menu="matMenu">
        <div *ngFor="let id of services">
          <button mat-menu-item *ngIf="id !== service_id" (click)="doSomething(id)">
            {{ id }}
          </button>
        </div>
      </mat-menu>

我想在 mat 菜单中添加搜索，这样当 mat-menu 打开时就会有搜索栏。这可能吗？如果是的话，该怎么做？

Answer 1

你的意思是这样的吗？

<mat-menu #menu="matMenu">
  <input
    matInput
    placeholder="Search"
    value="Search"
    (click)="$event.stopPropagation();"
  />
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>