我想要得到的概念是选择一个复选框我希望该值返回为 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>
您可以通过绑定到(更改)EventEmitter 来获取复选框的值。您可以在此处的文档中看到这一点:https : //material.angular.io/components/checkbox/api
在您的组件中,您可以创建一个函数来侦听 (change) 事件,并从您的模板传递事件。
checkboxChanged(event) {
console.log(event.checked);
}
该事件包含属性“checked”,它是一个布尔值,表示该框是否被选中。
在您的模板中,您可以绑定到事件:
<mat-checkbox (change) = "checkboxChanged($event)">Check me!</mat-checkbox>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句