-1

Possuo um formulário para preenchimento de uma venda, este formulário será montado de acordo com as informações que o usuário irá escolher por modal. Eu consigo receber normalmente os dados vindos do modal, porém o meu formulário não atualiza a tela com os valores que recebi, por conta disso eu não conseguirei concluir a operação já que o formulário fica como "invalid". Segue o meu código:

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, ToastController, 
AlertController, ModalController, Modal, LoadingController } from 'ionic- 
angular';
import { FormBuilder, Validators, FormGroup } from '@angular/forms';
import { DatePicker } from '@ionic-native/date-picker';
import { Venda } from '../../models/venda';
import * as moment from 'moment';
import 'moment/locale/pt-br';

@IonicPage()
@Component({
  selector: 'page-venda',
  templateUrl: 'venda.html',
})
export class VendaPage {

venda: Venda = {
  dataEmissao: moment().format('L'),
  dataEmissaoISOString: moment().toISOString(),
  mes: moment().format('MMMM'),
  ano: moment().format('YYYY'),
  status: 'concluida'
};
//hora: string = moment().format('LTS');
formVenda: FormGroup;
erroCliente: boolean = false;
erroItem: boolean = false;
erroDataEmissao: boolean = false;
erroCondicaoPgto: boolean = false;
mensagemErroCliente: string = '';
mensagemErroItem: string = '';
mensagemErroDataEmissao: string = '';
mensagemErroCondicaoPgto: string = '';
itensEscolhidos: any;
valores: Array<any>;
quantidades: Array<any>;
valoresTotaisCadaProduto: Array<any>;
loading: any;
idVenda: string = null;

constructor(public navCtrl: NavController, public navParams: NavParams,
  public toastCtrl: ToastController,
  public loadingCtrl: LoadingController,
  public datePicker: DatePicker,
  public modalCtrl: ModalController,
  public alertCtrl: AlertController,
  public formBuilder: FormBuilder) {

  this.formVenda = this.formBuilder.group({
    dataEmissao: [this.venda.dataEmissao, 
      Validators.compose([Validators.required])],
    nome: [this.venda.nome, Validators.compose([Validators.required])],
    itens: [this.venda.itens, Validators.compose([Validators.required])],
    condicaoPagamento: [this.venda.condicaoPamento, 
      Validators.compose([Validators.required])],
    observacao: [this.venda.observacoes, 
      Validators.compose([Validators.required])],
    dataEmissaoISOString: [this.venda.dataEmissaoISOString],
    mes: [this.venda.mes],
    ano: [this.venda.ano],
    status: [this.venda.status]
  })
  console.log(this.formVenda);
 }

 escolherCliente() {
   let tipo: any = 'pesquisarCliente';
   let modalEscolherCliente: Modal = 
   this.modalCtrl.create('EscolherContatoPage', {
    tipo: tipo
 });
 modalEscolherCliente.present();
 modalEscolherCliente.onWillDismiss((data => {
    this.formVenda.value.nome = data.nome;
    this.formVenda.value.idContato = data.id;
 }))
}

O meu método escolherCliente é o responsável por retornar os clientes do modal, eu consigo receber os parâmetros normalmente, porém o meu formulário não atualiza os valores.

Meu html:

<ion-item (tap)="escolherCliente()">
  <ion-label floating>Cliente</ion-label>
  <ion-input type="text" formControlName="nome" 
  [class.invalid]="!formVenda.controls.nome.valid"></ion-input>
</ion-item>
0

1 Resposta 1

2

Em vez de atribuir os valores, que tal tentar setar eles usando o form?

this.formVenda.get('nome').setValue(data.nome);
this.formVenda.get('idContato').setValue(data.id);
1
  • Obrigado, assim funciona. Commented 27/09/2019 às 11:15

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .