读取后更改消息的背景颜色

Question

我有一个按钮连接到mat-menu，点击时有红色背景。工作stackblitz.list-item.error {   background-color:#FCE8FF;}但是，我想在点击按钮两次以上后更改颜色：list-item.seen {   background-color: lightgray;   opacity: .5;}这些是可以驱动该功能的两个类：[class.seen]="!seenMe"                      [class.error]="true"HTML：<button mat-icon-button(click)="openMe()"         [matMenuTriggerFor]="notify">   <mat-icon>     warning   </mat-icon> Click Me</button><mat-menu #notify="matMenu" class="mat-menu-notify">   <mat-dialog-content (click)="stayOpen($event);">     <mat-list >       <div >         <mat-list-item [class.seen]="!seenMe"                                              [class.error]="true"                        class="list-item">             <span class="message">               I was here             </span>         </mat-list-item>       </div>     </mat-list>   </mat-dialog-content></mat-menu>TS：notSeenYet = true;   get seenMe(): boolean|undefined {     return this.notSeenYet;     console.log(this.notSeenYet);   }   openMe(): boolean{     return this.notSeenYet = false;   }