По умолчанию флажок не работает в угловых

Question

Я пробовал почти все способы checked, checked="true", [checked]="true" и пробовал разные ответы как этот на stackoverflow, но у меня не работает

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

Answer 1

Вы регистрируете элемент управления формы вместе с атрибутами ngModel и name.Как пометить ngModel для шаблонно-управляемых форм, оно может варьироваться от ngModel, [ngModel] или [(ngModel)].Ваш выбор того, какое решение вам нужно.Здесь вы отметили ngModel означает, что элемент управления формы не имеет значения.Угловые формы не заботятся об атрибуте checked, но слушают, какое значение имеет элемент управления формы!

Вы можете преодолеть это, вместо использования ngModel, использования [ngModel] и захвата trueзначение для этого поля, поэтому для этого изменения поля:

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