如果将按钮放置在mat-tab内，则需要双击以使用按钮的click事件如何解决？

问题描述

我有以下mat-tab：

<ng-template mat-tab-label>
          <label *ngIf="!this.DataService.obValid" matTooltip="Zuerst OB-Typ & OB eingeben "matTooltipClass="example-tooltip-red1">{{this.DataService.tab_receiver}}</label>
          <label *ngIf="this.DataService.obValid">{{this.DataService.tab_receiver}}</label>
          <div *ngIf="!this.DataService.hidePlusReceiver">
            <div >
              <button [hidden]="!this.DataService.receiverForm.controls.toggleAddReceiver.value" (click)="toggleAddRec()" id='plusreceiver'>➖</button>
            </div>
            <div >
              <button [hidden]="this.DataService.receiverForm.controls.toggleAddReceiver.value" (click)="toggleAddRec()" id='plusreceiver'>➕</button>
            </div>
          </div>

所以我基本上有一个按钮，它添加了另一个选项卡。我的问题是您需要双击按钮才能触发toggleAddRec（）函数。任何线索如何解决这个问题？ 是的，我已经尝试使用ngIf代替。 是否存在某种可以替代选项卡单击功能的技巧？因为我的猜测就是那是造成麻烦的原因。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）