angular controlvalueaccessor formgroup issue

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);
  }
}