2

Tengo un formulario en Angular 6 del cual obtengo los datos con una estructura JSON como la siguiente:

solicitud = {
    completada: false,
    elementos: 8,
    nombre: 'pepito',
    telefono: '3332224444',
    valor: 50000
}

Necesito crear un objeto con la siguiente estructura:

solicitud_general = {
    completada: false,
    elementos: 8,
    datos_personales: {
        nombre: 'pepito',
        telefono: '3332224444'
    },
    valor: 50000
}

Esto lo necesito para enviarlo por medio de un servicio de Angular que consume un servicio web de una API rest.

El formulario real es mucho más grande.

¿Hay alguna forma de pasar los valores de un objeto a otro? teniendo en cuenta que el objeto anidado va a contener parte de la información del formulario.

Fragmento de código HTML:

<div class="column">
      <div class="control">
        <label class="label is-small"
               [ngClass]="{'is-required': Tipos_Identificacion.value != '2' || Tipos_Identificacion.value == ''}">Nombres</label>
        <input type="text" placeholder="Ingrese sus nombres" class="input is-small"
               #inputNombres (input)="inputNombres.value=$event.target.value.toUpperCase()"
               formControlName="Nombres" maxlength="60" tabindex="3"
               [ngClass]="{ 'is-danger': Nombres.invalid && (Nombres.dirty || Nombres.touched) }">
        <div class="control-errors"
             *ngIf="Nombres.invalid && (Nombres.dirty || Nombres.touched)">
          <p class="help is-danger" *ngIf="Nombres.errors.required">
            El nombre es obligatorio
          </p>
          <p class="help is-danger" *ngIf="Nombres.errors.pattern">
            El valor ingresado no es un nombre válido
          </p>
        </div>
      </div>
    </div>
  </div>

Fragmento de código TypeScript:

@Input() solicitantesForm: FormGroup;

get Nombres() {
    return this.solicitantesForm.get('Nombres');
}

En este momento lo estoy haciendo de forma manual:

formatearSolicitud(){

    solicitud = {
        completada: solicitudForm.completada,
        elementos: solicitudForm.elementos,
        valor: solicitudForm.valor
    }

    datos_personales = {
        nombre = solicitudForm.nombre,
        telefono = solicitudForm.telefono
    }

    solicitud['datos_personales'] = datos_personales
    return solicitud
}

¿Alguna forma de automatizar esto teniendo en cuenta que en la practica son muchos más datos?.

3
  • 1
    Estas usando ReactiveForms? Puedes compartir tu código de cómo recoges los datos del formulario? Commented el 30 ene. 2020 a las 3:49
  • JSON !== Objeto Javascript Commented el 30 ene. 2020 a las 8:41
  • Gracias por el aporte, no tengo claros los conceptos.
    – Ceragos
    Commented el 30 ene. 2020 a las 21:44

2 respuestas 2

2

Si lo que necesitas es que devuelta lo siguiente:

solicitud_general = {
    completada: false,
    elementos: 8,
    datos_personales: {
        nombre: 'pepito',
        telefono: '3332224444'
    },
    valor: 50000
}

Tu código podría cambiarse por el siguiente:

formatearSolicitud()
{
    return {
        completada: solicitudForm.completada,
        elementos: solicitudForm.elementos,
        datos_personales: {
            nombre = solicitudForm.nombre,
            telefono = solicitudForm.telefono,
        },
        valor: solicitudForm.valor,
    };
}

No es necesario usar variables intermedias, basta con proporcionar al return la información anidada de manera correcta.

0

hola quizas te pueda servir el spread operator de js (https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Operadores/Spread_operator)

var myObj = {
    paramA: 'string',
    paramb: 'string'
}
var myObjAux = {
    paramC : {
        otherParam: 'string',
        otherParamAux: string;
    }
}
var objectFussion = {...myObj,... myObjAux};

Output: {paramA: "string", paramb: "string", paramC: {…}}

1
  • 1
    Creo que esto no se acerca a lo que solicita la persona que pregunta.
    – franmost
    Commented el 3 ago. 2021 a las 9:18

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.