【问题标题】:Json binding in an array of checkboxes复选框数组中的 Json 绑定
【发布时间】:2018-06-04 12:00:03
【问题描述】:

我有一组来自集合的复选框。

见下文:

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

我该如何实现?

【问题讨论】:

  • 知道为什么投反对票吗?
  • 你也可以发布dayList数组吗???
  • 更新问题

标签: arrays json angular


【解决方案1】:

使用 [(ngModel)] 代替值

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

【讨论】:

  • 现在显示复选框,但 JSON 对象值仍然显示为真,我期待数组或逗号分隔值。
猜你喜欢
  • 2020-10-01
  • 1970-01-01
  • 1970-01-01
  • 2011-11-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-22
相关资源
最近更新 更多