Angular 复选框绑定[值]不起作用

在我的表单中，我试图将[value]绑定到一个复选框中，但它似乎不起作用

<div class="form-group">
    <label for="deadline"><small>Publishing deadline</small></label><br>
    <input type="text"
        *ngIf="piForm.value.deadline !== 0"
        placeholder="Select date"
        class="form-control"
        formControlName="deadline"
        bsDatepicker>
    <div class="form-check form-check-inline mt-3">
        <label class="form-check-label">
            <input class="form-check-input"
                name="accountBusinessTypeId"
                type="checkbox"
                formControlName="deadline"
                [value]="0"
                [checked]="piForm.value.deadline === 0">
                No Deadline Required
        </label>
    </div>
</div>

出版截止日期

无需截止日期

在上面的示例中，勾选复选框应将

截止日期的值设置为0，这将使第一个输入消失，因为它设置为
*ngIf=“piForm.value.dailate！==0”
尝试添加（单击）事件，它将工作：

<input class="form-check-input"
                name="accountBusinessTypeId"
                type="checkbox"
                formControlName="deadline"
                [value]="0" 
                (click) = "piForm.value.deadline = piForm.value.deadline===0?1:0"
                [checked]="piForm.value.deadline === 0">

为什么要投反对票？