Angular 角度8-激活时更改Mat菜单项颜色

我想在单击项目后更改其颜色。我读过一些关于使用

routerLinkActive

的解决方案，但在本例中，这是一个按钮，它只是更改地图上的样式

我使用的是角度8和角度材料

<mat-menu #menu="matMenu">
  <div *ngFor="let style of styles">
    <button mat-menu-item>
      <span>{{ style.name }}</span>
    </button>
  </div>
</mat-menu>

{{style.name}}

您可以这样做：

<mat-menu #menu="matMenu">
    <div *ngFor="let style of styles">
        <button mat-menu-item [ngStyle]="style.clicked && {'background-color':style.name}"
            (click)="style.clicked = true">
            <span>{{ style.name }}</span>
        </button>
    </div>
</mat-menu>

{{style.name}}

不幸的是，我已经有了一个函数click（）。我并不是为了简化这个问题，你绝对可以用它。你需要有一个点击指示这样或那样