Angular Objeto
Sou novo com angular e estou com o seguinte cenario, na hora de enviar o payload , minha variavel que é um objeto esta ficando em branco , não recupera os dados preenchidos na tela, já vi alguns exemplos mas nenhum funcionou, as outras que são "simples" tenho retorno. Segue minha classe:
export interface Dossie { idDossie: string; nomeDossie: string; pastaAgrup: string; tipoPrincipal: string []; reaproveita: string []; est_dossie: { estado: string, inicial: boolean, final: boolean, automatico: boolean }; } ============================================== // meu componente: private dossieFormBuilder() { this.dossieForm = this.formBuilder.group({ pastaAgrup: [null], nomeDossie: [null], idDossie: [null], tipoPrincipal: [null], reaproveita: [null], est_dossie: this.dossieForm = this.formBuilder.group({ estado: [null], inicial: [false], final: [false], automatico: [false] }) }); } }
Emerson Barros
Curtidas 0
Respostas
Thiago
15/07/2019
E ai mano,
ô n sei como isso ta funcionando, pq vc parece ta fazendo uma reatribuição do form no est_dossie.
Duas soluções:
1. Vc remove a parte this.dossieForm = de est_dossie
2. Vc usa o form completo e faz a montagem do objeto na hora de enviar:
EX:
private dossieFormBuilder() {
this.dossieForm = this.formBuilder.group({
pastaAgrup: [null],
nomeDossie: [null],
idDossie: [null],
tipoPrincipal: [null],
reaproveita: [null],
estado: [null],
inicial: [false],
final: [false],
automatico: [false]
});
}
send() {
const v = this.dosseiForm.value
const dossie = {
pastaAgrup: v.pastaAgrup,
nomeDossie: v.nomeDossie,
idDossie: v.Dossie,
tipoPrincipal: v.tipoPrincipal,
reaproveita: v.reaproveita,
est_dossie: {
estado:v.estado,
inicial: v.inicial,
final: v.final,
automatico: v.automatico
}
});
}
}
}
}
ô n sei como isso ta funcionando, pq vc parece ta fazendo uma reatribuição do form no est_dossie.
Duas soluções:
1. Vc remove a parte this.dossieForm = de est_dossie
2. Vc usa o form completo e faz a montagem do objeto na hora de enviar:
EX:
private dossieFormBuilder() {
this.dossieForm = this.formBuilder.group({
pastaAgrup: [null],
nomeDossie: [null],
idDossie: [null],
tipoPrincipal: [null],
reaproveita: [null],
estado: [null],
inicial: [false],
final: [false],
automatico: [false]
});
}
send() {
const v = this.dosseiForm.value
const dossie = {
pastaAgrup: v.pastaAgrup,
nomeDossie: v.nomeDossie,
idDossie: v.Dossie,
tipoPrincipal: v.tipoPrincipal,
reaproveita: v.reaproveita,
est_dossie: {
estado:v.estado,
inicial: v.inicial,
final: v.final,
automatico: v.automatico
}
});
}
}
}
}
GOSTEI 0