时间戳

首页 > 解决方案 > 默认选中复选框不适用于角度

angular - 默认选中复选框不适用于角度

问题描述

我尝试了几乎所有方法checked，并在stackoverflow上尝试了不同的答案checked="true"，但对我不起作用[checked]="true"

    <ng-template #content>

    <label class="switch">
        <input  type="checkbox" name="{{day.id}}"  ngModel required #{{day.id}}="ngModel"  [checked]="true"  checked="true">
        <span class="slider round"></span>
    </label>
</ng-template>

<ng-template #other_content>

    <label class="switch">
        <input type="checkbox" name="{{day.id}}" ngModel required #{{day.id}}="ngModel">
        <span class="slider round"></span>
    </label>
</ng-template>

标签： angularcheckboxangular8checked

解决方案

您正在将表单控件与属性一起ngModel注册name。如何为模板驱动的表单标记 ngModel，它可以从ngModel,[ngModel]或[(ngModel)]. 您选择所需的解决方案。在这里，您标记ngModel了表单控件没有任何价值。Angular表单不关心checked属性，而是听表单控件有什么值！

您可以通过代替使用ngModel、使用[ngModel]和捕获该字段的true值来克服此问题，因此对于该字段的更改：

<input type="checkbox" name="{{day.id}}" required #{{day.id}}="ngModel" [ngModel]="true">

推荐阅读