Skip to main content
5 de 11
se añadieron 2 caracteres en el cuerpo
Ceragos
  • 515
  • 4
  • 24

Formar un JSON anidado en Angular

Un saludo para todos.

Tengo un formulario en Angular 6 del cual obtengo los datos con una estructura JSON plana (lineal)

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

Necesito crear un objeto JSON 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 WS de una API rest.

El formulario real es mucho mas grande.

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

Agradezco la ayuda que me puedan brindar.

Soy novato en angular mi comprensión del flujo es baja.


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>

ts

@Input() solicitantesForm: FormGroup;

get Nombres() {
    return this.solicitantesForm.get('Nombres');
}
Ceragos
  • 515
  • 4
  • 24