未触及时将复选框的默认 return 值设置为 false

Question

我想将 Angular 复选框的默认值设置为 false（如果复选框未被触及）。有没有简单的解决方案？

我的复选框：

<div class="notificationTitle margin-top-2">
    <div class="row">
            <div class="col-md-12">
                    <div>
                            <label class="text-h4 margin-top-2"
                                    for="notifcation"></label>
                            <input
                            [formControlName]="InputField.Notification"
                            [name]="inputField.Notification"
                            id="notifcation"
                            type="checkbox"
                            >
                    </div>
            </div>
    </div>

Answer 1

解决此问题最简单的方法是在set(Notification) 方法中添加一个If 语句。这样，代码会检查值是否为空，如果为真，则将值更改为假：

    public setNotification(notificationInfo: FormNotificationInfo): void {
            if (notificationInfo.notification === null) {
                    notificationInfo.notification = false;
            }
            this.notificationInfo= notificationInfo;
    }

未触及时将复选框的默认 return 值设置为 false

Set default return Value to false of Checkbox when untouched

checkbox

default

angular