Question

使用checked输入属性时，我的mat-checkbox不会更改值。

<mat-checkbox [checked]="false"
              formControlName="value1">Value1
</mat-checkbox>

请解释checked输入属性的用法，即：将布尔变量传递给 checked输入属性？
是否有使用FormControl进行默认选择的方法无需在组件上使用checked输入属性？

Answer 1

我认为这段代码可以帮助您 html：

 <form [formGroup]="form">
          <mat-checkbox id="Value1" class="Value1" color="primary"
                        formControlName="Value1">Value1</mat-checkbox>
        </form>
        <pre>{{form.value | json}}</pre>

ts：

this.form = this.fb.group({
         Value1: [false],
        });

Answer 2

checked属性是一个布尔输入，期望为true或false

@Input（）检查：布尔值

https://material.angular.io/components/checkbox/api

使用[checked]="true"将导致一个选中的框，[checked]="false"将导致未选中的框。

以下是如何检查FormControl

<mat-checkbox [formControl]="checkboxFormControl">Checked Using FormControl</mat-checkbox>

checkboxFormControl = new FormControl(true);

以下情况将在FormControl内使用FormGroup进行检查

<form [formGroup]="myForm">
  <mat-checkbox formControlName="checked">Checked Using formControlName in FormGroup</mat-checkbox>
</form>

  myForm = new FormGroup({
    checked: new FormControl(true)
  })

Stackblitz

https://stackblitz.com/edit/angular-tylt6w?embed=1&file=app/checkbox-overview-example.ts

Answer 3

使用两种方式绑定：

<mat-checkbox  [(ngModel)]="checked">{{checked}}</mat-checkbox>

现在在您的组件中。“已选中” ts的值为复选框

Mat-checkbox [checked] =“ false”不适用于Angular 6

3 个答案: