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”，“Fri”，“Sat”];

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

Json绑定在一个复选框数组中

1 个答案: