与 mat-form-field 中的 matSuffix mat-checkbox 交互

Question

我的 mat-form-field 中有一个输入，在 matSuffix 中有一个 mat-checkbox。

信息：输入将持续禁用。

<mat-form-field class="pointer" (click)="...">
  <mat-label>TEST ...</mat-label>
  <input matInput class="pointer" type="text" disabled>
  <mat-checkbox matSuffix color="accent" class="ml-4"></mat-checkbox>
</mat-form-field>

我希望我可以与 mat-checkbox 互动而不必直接点击它， 但在全球 mat-form-field.

如果我点击这里：

结果：

我认为 mat-form-field 上的事件 (click) 是必要的，但我不知道如何进行。

感谢您的帮助。

Answer 1

您可以像这样使用 [disabled] 属性：

<mat-checkbox matSuffix color="accent" class="ml-4" [disabled]="yourBoolean"></mat-checkbox>

'yourBoolean'是一个可以初始化为false的变量。您可以随时在代码中的其他地方更改此布尔值，复选框将动态激活或停用

Answer 2

我不太明白你需要什么，但我想就是这样:

HTML

<mat-form-field fxFlex="100" class="pointer" (click)="disabled=!disabled">
 <mat-label>My label</mat-label>
  <input matInput class="pointer" type="text"  >
 <mat-checkbox matSuffix color="accent" [checked]="disabled" class="ml-4"></mat- 
 checkbox>

TS

disabled=false;