如何在ANGULAR Material 6中返回选中和未选中复选框的布尔值

Question

我想要得到的概念是：选中一个复选框时希望将值返回为TRUE，而取消选中同一复选框时我希望将值返回为False

这是我的HTML代码

<div class="form-group m-form__group row">
                                        <div class="col-lg-4">
                                            <mat-checkbox class="example-margin" type= checkbox value = "true" formControlName ="rti_cover" [checked] = "true">RTI</mat-checkbox>
                                        </div>
                                        <div class="col-lg-4">
                                            <mat-checkbox class="example-margin" type= checkbox value = "true" formControlName ="nildep_cover" [checked] = "true" >Nil Dep</mat-checkbox>
                                        </div>
                                    </div>

Answer 1

通过绑定到（更改）EventEmitter，可以获取复选框的值。 您可以在以下文档中看到此内容： https : //material.angular.io/components/checkbox/api

在您的组件中，您可以创建一个侦听（更改）事件并从模板传递事件的函数。

checkboxChanged(event) {
  console.log(event.checked);
}

该事件包含属性“ checked”，该属性是一个布尔值，表示是否选中了该框。

然后，您可以在模板中绑定到事件：

<mat-checkbox (change) = "checkboxChanged($event)">Check me!</mat-checkbox>