有没有办法使垫标签可点击

Question

我正在尝试使用以下方法制作一个可点击的垫标签(click)="doSomething()"

我用谷歌搜索了这个问题，但找不到任何解决方案

这是我希望使其可点击的 html 代码的示例

<mat-form-field class="col-md-2">
    <mat-label (click)="doSomething()"></mat-label>
</mat-form-field>

我希望完成的是保持垫标签样式，并在单击时显示另一个垫表单字段

Answer 1

因为默认mat-label通过 css( ) 禁用事件点击pointer-events: none;。因此，在您的情况下，您只需覆盖样式从none到auto，如下所示：

.mat-form-field {
  .mat-form-field-label-wrapper {
    .mat-form-field-label {
      pointer-events: auto;
    }
  }
}