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

【问题标题】：Default checked checkbox not working in angular默认选中复选框不适用于角度
【发布时间】：2020-01-23 11:57:44
【问题描述】：

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

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

【问题讨论】：

标签： angular checkbox angular8 checked

【解决方案1】：

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

您可以通过使用[ngModel] 并为该字段捕获true 值来克服此问题，而不是使用ngModel，以便更改该字段：

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

【讨论】：