角度控制值访问器窗体组问题

Question

我正在使用angular controlvalueaccessor并从子级到父级获取数据，但我想操作数据，

我得到了如下代码，contactInfo是我的子组件数据，

{
contactInfo: {workPhone: {phone: 495987, msg: 'me'}, mobilePhone: {phone: 495987, msg: 'me'}, fax: "90876655"},
createdById: 707,
email: "[e-mail]",
fax: "90876655"
}

但在有效载荷中，我必须发送类似以下的东西

{
workPhone: {phone: 495987, msg: 'me'},
mobilePhone: {phone: 495987, msg: 'me'},
fax: "90876655",
createdById: 707,
email: "[e-mail]",
fax: "90876655"
}

我该怎么做，请帮帮我。

Answer 1

下面是一个工作示例：

let data = {
contactInfo: {workPhone: {phone: 495987, msg: 'me'}, mobilePhone: {phone: 495987, msg: 'me'}, fax: "90876655"},
createdById: 707,
email: "[e-mail]",
fax: "90876655"
};
let payload = {...data};
delete payload.contactInfo;
payload = {...data.contactInfo, ...payload};
console.log(payload);

Answer 2

在发送数据之前只需使用辅助变量，例如

submit(form:FormGroup){
if form.valid)
{
const dataSend={
workPhone:form.value.contactInfo.workPhone
mobilePhone:form.value.contactInfo.mobilePhone
fax:form.value.fax,
createdById:form.value.createdById,
email:form.value.emai
}
this.myService.sendData(data);
}
}