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>