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

Question

我在launchSettings.json中有一个输入，在mat-form-field中有一个mat-checkbox。

信息：该输入将一直被禁用。

matSuffix

我希望我可以与<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上的事件(click)是必要的，但我不知道如何进行。

感谢您的帮助。

Answer 1

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

function reducer(state = initialState, action: any): any {
  switch (action.type) {
    case SOME_TYPE:
      return Object.assign({}, state, {
        someBoolean: false
      });
    case REVERT:
      return initialState;
  }

  return state;
}

'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;