Question

在我的表单中，我试图将[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>

在上面的示例中，勾选复选框应将deadline的值设置为0，这样第一个输入就会消失，因为它设置为*ngIf="piForm.value.deadline !== 0"

Answer 1

尝试添加（点击）活动，它会起作用：

<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">

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

1 个答案: