单击按钮会触发其他对象的涟漪

Question

我有一个运行着一些按钮的角度应用程序（它们都带有^(.{2,})\1{2,}$ -tag）。 如果我单击其中一个按钮，则在其他按钮上也显示了浅条（未单击）

此gif文件应显示出，如果我单击“选择客户”-按钮，则在对话框中，关闭按钮将显示浅滩。

如您在此处看到的，如果我单击mat-button或+按钮，则在同一按钮下方的两行（因此-或+）将变成浅滩

我已经尝试给他们提供身份证，但这无济于事。

此按钮打开对话框

-

此按钮应仅将一个项目添加到列表中并增加计数器（即右侧的面板）

<mat-grid-tile colspan="5">
  <button style="padding: 0px; background-color: lightgrey" mat-button *ngIf="isAnonymous()" (click)="selectCustomer()">Select customer</button>
  <button style="padding: 0px; background-color: lightgrey" mat-button *ngIf="!isAnonymous()" (click)="removeCustomer()">Remove customer</
</mat-grid-tile>

如果我单击一个按钮，则仅应显示该面板的浅滩，而其他按钮则不能聚焦。