json - 在 Angular 中在复杂的 JSON 上创建一个表单
问题描述
我正在开发一个 Angular Web 应用程序。在一个组件中,我收到一个复杂的 JSON,我需要创建一个尊重 JSON 结构的响应式表单。只是为了展示我的 JSON 示例:
{
"annoAl": 2019,
"annoDal": 2019,
"azienda": {
"id": 1,
"uuid": null,
"codice": "201",
"regioneId": 1,
"sigla": "dummy"
},
"comune": null,
"descrizione": "Turno ripartito",
"giorni": [{
"chiuso": false,
"orari": [{
"start": null,
"end": null
},
{
"start": null,
"end": null
}]
},
{
"chiuso": false,
"orari": [{
"start": null,
"end": null
},
{
"start": null,
"end": null
}]
},
{
"chiuso": false,
"orari": [{
"start": null,
"end": null
},
{
"start": null,
"end": null
}]
}],
"invertiIntervallo": false,
"meseGiornoAl": null,
"meseGiornoDal": null,
"provenienza": "AZIENDA",
"regione": null,
"ripartizione": {
"durataTurno": 7,
"gruppi": [{
"gruppo": 0,
"sede": {
"id": 11,
"uuid": "11",
"idFarmacia": 13,
"idComune": 163,
}
},
{
"gruppo": 1,
"sede": {
"id": 12,
"uuid": "12",
"idFarmacia": 11,
"idComune": 163,
}
},
{
"gruppo": 2,
"sede": {
"id": 8,
"uuid": "8",
"idFarmacia": 8,
"idComune": 164,
}
}],
"gruppiNumero": 4
},
"ripetiAnnualmente": false,
"sede": null,
"tipo": "TURNO_RIPARTITO",
"uuid": null
}
为了完成这个任务,我手动构建了响应式表单(这些字段是已知的)。有没有简单的方法来做到这一点?我尝试使用FormBuilder
,但数组有一些问题。
formBuilder.group(jsonObject)
谢谢
解决方案
推荐阅读
- javascript - 计算具有多个表单字段的 pdf 中键入的单词总数。(javascript)
- php - php中的多语言页面
- common-lisp - 方法-泛型-函数是什么意思?
- javascript - 如何在使用样式组件的条件下将边距应用于 div 并做出反应?
- javascript - 如何在日历中定位事件以在正确的时间范围内显示
- python - 使用 cv2.getPerspectiveTransform(pts1,pts2) 时如何解决错误
- android - 通过 Uri 加载 SVG 并在 Android 中删除空格
- regex - 检查字符串是否匹配特定格式
- request - 如何在 shopware 6 中访问订阅者中的请求数据
- javascript - 来自 Github API 的奇怪响应(条件请求)