Erro ao consumir uma api java no angular

Programação
, ,
#21

Entendi, eu fiz essa mudança:
export class ProfissionalCreateComponent implements OnInit {

cursos: Disciplina[] = [{id: ‘’, nomeDisciplina: ‘’, professores:[]}];

cargos: Cargo[] = [{id: ‘’, nomeCargo: ‘’, professor:[] }];

turmas: Turma[] = [{id: ‘’, nomeTurma: ‘’, professor:[], aluno:[]}];

prof: Profissional = {
id: ‘’,
nome: ‘’,
nascimento: ‘’,
sexo: ‘’,
cpf: ‘’,
rg: ‘’,
telefone: ‘’,
disciplinas:[],
cargos: [],
turmas: []
}

#22

Depois da mudança, quando tento selecionar um item retorna esse erro:

image
image1245×379 45.7 KB

#23

Parece que, em algum template, vc está tentando usar um number (cargo.id) de forma errada num ngFor.

#24

Estou usando assim:

Selecione a Cargo
<mat-select [(value)]=“cargos” >
<mat-option *ngFor=“let cargo of cargos” value=“cargos.id”>{{cargo.nomeCargo}}

#25

Segui alguns tutoriais que ensinavam semelhante a esse.

#26

Segui sua dica e consegui resolver esse problema.
Muito obrigado!

1 curtida
#27

Bacana. Só mais uma coisa. Parece que vc está usando as entidades para receber os valores no endpoint. Com o tempo, vc vai ver que isso não é uma boa prática, pois deixa seu código muito amarrado e difícil e fazer manutenção.

O melhor seria ter uma classe específica para receber esses dados, por exemplo:

public class CriarProfissionalCommand {
  private Long id;
  private String nome;
  // todos os outros campos
}

E, a partir dessa classe, vc iria montar as entidades para poder gravar no banco.

#28

Entendi Lucas, obrigado pela dica. Eu sou iniciante na programação ainda tenho muito para aprender.rsrsrs…