Как отправить данные динамических полей, созданных из базы данных в формате JSON в angular 6
У меня есть форма с фиксированными полями, а также динамические поля, созданные из базы данных. поля могут быть разными каждый раз. Итак, как мне получить доступ к динамически сгенерированному значению formControl в формате JSON, как этот объект категории.
Выход: -
Category:[
{
"label": "test1",
"measurements": {
length:10,
Shoulder:20,
Chest: 20
}
},
{
"label": "test2",
"measurements": {
stomach:10,
thigh:20 }
}
]
<div *ngFor = "let item of clickCategoryData let pointIndex=index">
<p><b>{{item.label}}</b></p>
<div *ngFor = "let measurement of item.measurements;">
<label>{{measurement.name}}</label>
<input type = "number" class = "box" [placeholder] = "measurement.name" [id] = "measurement.id" required>
</div>
</div>Меняется только пара "ключ-значение" {длина: 10, плечо: 20, грудь: 20}?
да. я хочу это изменение
пожалуйста, проверьте мой код stackblitz.
ido, вы хотите изменить массив категорий или clickCategoryData?
для clickCategoryData
а там только id и name?
вы хотите изменить идентификатор и имя?
у меня есть массив [{"label": "test1", "sizes": [{"id": "5bdbdd128265ce4e4c74707f", "name": "length",}, {"id": "5bdbdd378265ce4e4c747080", "name»: "Плечо"}, {"id": "5bdbdd6a8265ce4e4c747081", "name": "Chest"}]},] массив, который я хочу: - category: [{"label": "test1", "sizes": {length: 10, плечо: 20, грудь: 20}},]
проверьте это stackblitz.com/edit/…
ах, хорошо, я понимаю, чего ты хочешь, просто подожди
преобразовать массив измерений в объектную форму.
{length: 10, Shoulder: 20, Chest: 20} поэтому 10, 20 его значение поля формы ... не id.
Ответы 1
преобразовать ваш существующий массив в выходной массив, который вы хотите, как это
this.clickCategoryData.forEach(
data => {
let jsonObj = {}
data.measurements.forEach(mes => jsonObj[mes.name] = "")
data.measurements = jsonObj
}
)
вот stackBlitz Link
нажмите "Отправить" и увидите консоль. :)
Здравствуйте, сэр, не могли бы вы помочь мне @Asanka
У меня проблема с установкой значения для флажка. Я дам ссылку на стек для обзора проблемы. @ Asanka
Например, проверьте это: - stackblitz.com/edit/…