angular 控制值访问器表单组问题

Question

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

我得到类似下面的代码，contactInfo 是我的子组件数据，

{
 contactInfo: {workPhone: {phone: 495987, msg: 'me'}, mobilePhone: {phone: 495987, msg: 'me'}, fax: "90876655"},
 createdById: 707,
 email: "d@d.com",
 fax: "90876655"
}

但在有效载荷中，我必须发送如下内容

{
 workPhone: {phone: 495987, msg: 'me'},
 mobilePhone: {phone: 495987, msg: 'me'},
 fax: "90876655",
 createdById: 707,
 email: "d@d.com",
 fax: "90876655"
}

我该怎么做，请帮助我。

Answer 1

这是工作示例：

 let data = { contactInfo: {workPhone: {phone: 495987, msg: 'me'}, mobilePhone: {phone: 495987, msg: 'me'}, fax: "90876655"}, createdById: 707, email: "d@d.com", 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);
  }
}