Json привязка в массиве флажков

Question

У меня есть массив флажков из коллекции.

См. Ниже:

<div class="form-group">
    Select days in a week :
    <td class="even" *ngFor="let item of dayList">
    <input value="{{item.check}}" type="checkbox" checked="item.check" formControlName = "selectedDays">  {{item}}
   </div>

formControlName Я настроен как selectedDays.

Мне нужно сгенерировать объект JSON для выбранных значений флажков.

В настоящее время я получаю логическое значение в selectedDays.Но я должен получить массив проверенных значений в массиве внутри объекта JSON.

this.dayList = ['Sun', 'Mon', 'Tue', 'Wed', "Thu"," Пт "," Сб "];

Объект JSON выглядит следующим образом, обратите внимание на значение selectedDays, оно должно быть" Sun, Mon "в зависимости от выбора, но этоотображается как true.

 Object
    date
    :
    "2"
    day
    :
    "Mon"
    hour
    :
    "3"
    minute
    :
    "3"
    schedulerjobtype
    :
    "Daily"
    selectedDays
    :
    true
    useCase
    :
    "UC 2"
    zone
    :
    "Zone 3"

Как я могу это реализовать?

Answer 1

Используйте [(ngModel)] вместо значения

 <input [(ngModel)]="item.check" type="checkbox" checked="item.check" formControlName = "selectedDays">