Question

我正在尝试使用(click)="doSomething()"

使垫标签可点击

我已经用谷歌搜索了这个问题，找不到任何解决办法

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

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

我要完成的工作是保持席子标签样式，并在单击时再次显示席子表单字段

Answer 1

如果要在<mat-label>内编写<mat-form-field>，则必须在matInput, mat-select, etc下定义至少一个Mat <mat-form-field>之类的MatFormFieldControl。仅<mat-label>不能使用。

<mat-form-field>
    <mat-label>Both a label and a placeholder</mat-label>
    <input matInput placeholder="Simple placeholder">
</mat-form-field>

但是，如果您只想使用<mat-label>，则不要在<mat-form-field>下写它

这是您所需输出的演示

点击here！

Answer 2

因为默认 //glibc-2.27/sysdeps/nptl/lowlevellock-futex.h /* Wait until a lll_futex_wake call on FUTEXP, or TIMEOUT elapses. */ #define lll_futex_timed_wait(futexp, val, timeout, private) \ -ENOSYS 通过 css(mat-label) 禁用事件点击。因此，在您的情况下，您只需将样式从 pointer-events: none; 覆盖到 none，如下所示：

auto

有没有一种方法可以使垫标签可点击

2 个答案: