IONI C 5 пустые данные формы - PullRequest
Новая
       103

IONI C 5 пустые данные формы

0 голосов
/ 29 мая 2020

Я создаю профиль пользователя, однако при создании FormData для отправки он создается пустым, даже если все другие поля имеют значения. Ниже приведен код cadastro.ts 

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';

import { AlertController, ActionSheetController } from '@ionic/angular';
import { PictureSourceType, Camera, CameraOptions } from '@ionic-native/camera/ngx';


import { CadastroService } from 'src/app/services/cadastro.service';


@Component({
  selector: 'app-cadastro',
  templateUrl: './cadastro.page.html',
  styleUrls: ['./cadastro.page.scss'],
})
export class CadastroPage implements OnInit {
  public registerForm: FormGroup

  constructor(
    private cadastroService: CadastroService,
    private router: Router,
    private formBuilder: FormBuilder,
    private alertController: AlertController,
    private ActionSheetController: ActionSheetController,
    private camera: Camera,
  ) { }

  ngOnInit() {

    this.registerForm = this.formBuilder.group({
      foto: [''],
      nome: ['', Validators.required],
      email: ['', [Validators.required, Validators.email]],
      cpf: ['', Validators.required],
      telefone: ['', Validators.required],
      password: ['', Validators.required],
      conf_pass: ['', Validators.required]
    })

  }


  cadastrar() {

    console.log(this.registerForm.get('nome').value)

    const formData = new FormData();
    formData.append('nome', this.registerForm.get('nome').value);
    formData.append('email', this.registerForm.get('email').value);
    formData.append('cpf', this.registerForm.get('cpf').value);
    formData.append('telefone', this.registerForm.get('telefone').value);
    formData.append('password', this.registerForm.get('password').value);
    formData.append('file', 'testeFile');

    console.log(formData);

    this.cadastroService.cadastrar(formData).subscribe((res: any) => {
      console.log(res);
    }, error => {
      console.log(error)
    })

  }


}

Результатом из журнала консоли является FormData {}. Однако, если я укажу журнал консоли в любом поле registerForm, значение будет возвращено правильно. Кто-нибудь знает, что может происходить при построении этого запроса?

Мой бэкэнд Laravel - это файл журнала запроса: 

[2020-05-29 03:17:25] local.ALERT: array (
  'data' => 
  array (
  ),
)

1 Ответ

0 голосов
/ 29 мая 2020

Данные формы живы. Но вы не можете увидеть его данные при использовании функции console.log (formData). Вместо этого вы можете увидеть эти данные следующим образом. 

console.log(formData.get('nome'));
console.log(formData.get('email'));
...