如何为未被操作的Angular Checkbox设置默认返回值为false

你用的是Angular响应式表单绑定，最简单的方案直接在表单控件初始化时配置即可，不需要修改现有模板逻辑。

操作步骤 #

• 找到你声明当前表单对应的FormGroup的代码位置，给绑定的Notification控件初始值设为false即可，示例代码如下：

import { FormBuilder, FormGroup } from '@angular/forms';

// 类内部的表单初始化逻辑
constructor(private fb: FormBuilder) {}

yourForm: FormGroup;

ngOnInit() {
  this.yourForm = this.fb.group({
    // 其他表单控件配置...
    [InputField.Notification]: [false] // 数组第一个参数就是控件初始值
  });
}

如果有动态修改默认值的需求，也可以后续调用控件的方法赋值：

this.yourForm.get(InputField.Notification)?.setValue(false);

补充说明 #

如果暂时不想改表单初始化代码，也可以直接在现有input标签上加上[checked]="false"属性实现效果，但更推荐用响应式表单自带的初始值配置方案，能避免表单状态和视图显示不一致的问题。
另外注意你现有模板代码里[formControlName]绑定的是大写开头的InputField.Notification，[name]绑定的是小写开头的inputField.Notification，注意变量大小写统一避免出现异常问题。

内容的提问来源于stack exchange，提问作者Pfluka