Angular Material - mat-form-field 使用 stopPropagation 防止点击事件不起作用

无法单击 中的单选mat-label按钮mat-form-field。上的点击事件mat-form-field被传递到选择字段。有没有办法防止这种行为？

我试过<mat-form-field (click)=$event.stopPropagation()但没有奏效。

在此处输入图像描述

<mat-form-field floatLabel="always">

    <mat-label>

       <div fxLayout="row" fxLayoutAlign="start center">

         <span>Title</span>

         <mat-radio-group [(ngModel)]="groupSelection" name="groupSelection">

           <mat-radio-button value="option A">

              Option A

           </mat-radio-button>

           <mat-radio-button  value="option B">

              Option B

           </mat-radio-button>

        </mat-radio-group>

      </div>

   </mat-label>

   <mat-select [(ngModel)]="optionSelection">

      <mat-option *ngFor="let option of options" [value]="optionVal">

          {{option}}

      </mat-option>

   </mat-select>

</mat-form-field>

提前致谢！