4 pièce(s) jointe(s)
Insérer un objet avec une clé étrangère
bonsoir la communauté.
cmnt vous vous portez ? bien j’espère.
j'ai encore un soucis avec Angular.
en faite je n'arrive pas inserer un objet avec clé etrangère pourtant mon web service fonctionne bien lorsque je le teste avec postman(je redige avec spring boot)
en image: Pièce jointe 589745
mon objet s'ajoute bien en Bd avec sa catégorie et sa nature
mais lorque je fais le post depuis Angular ça me retourne une erreur
en image :Pièce jointe 589749
et au niveau de la trace backend voila ce que ça m'affiche:
en image :Pièce jointe 589747
voila mon code Angular:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
| export class AddProduitComponent implements OnInit {
listNature :Nature[];
listCategorie:Categorie[];
constructor(public serviceProduit:ProduitService,@Inject(MAT_DIALOG_DATA) public data: any, public toastr:ToastrService,
public route:Router,public matDialogRef:MatDialogRef<AddProduitComponent>, public form:FormBuilder,public serviceNature:NatureService,
public serviceCat:CategorieService,private spinner: NgxSpinnerService) { }
ngOnInit(): void {
if(this.serviceProduit.choixOperation =="A")
{this.inifForm()};
this.serviceNature.getAllNature().subscribe(
reponse=>{
this.listNature=reponse;
}
);
this.serviceCat.getAllCategorie().subscribe(
reponse=>{
this.listCategorie=reponse;
}
);
}
onSubmit(){
if(this.serviceProduit.choixOperation =="A"){
this.addProduit();
}else{
this.updateProduit();
}
}
//nature:this.form.group({
idNature:['']
// });
//categorie:this.form.group({});
inifForm(){
this.serviceProduit.dataForm=this.form.group({
idPro:null,
nature:['',[Validators.required]],
categorie: ['',[Validators.required]],
numeroProd:['',[Validators.required,Validators.minLength(4)]],
designaton:['',[Validators.required,Validators.minLength(4)]],
prixAchat:['0',[Validators.required]],
});
}
addProduit(){
this.serviceProduit.createProduit(this.serviceProduit.dataForm.value).subscribe(
data=>{
console.log(data);
this.toastr.success("le Produit a été Créee avec Succès");
this.matDialogRef.close();
this.serviceProduit.getAllProduit().subscribe(
reponse=>{
this.serviceProduit.listData=reponse;
console.log(reponse);
}
);
this.route.navigate['/produits'];
}
)
}
updateProduit(){
this.serviceProduit.updateProduit(this.serviceProduit.dataForm.value.idPro,this.serviceProduit.dataForm.value).subscribe(
data=>{
this.toastr.show("le Produit a été Modifié avec Succès");
this.matDialogRef.close();
this.serviceProduit.getAllProduit().subscribe(
reponse=>{
this.serviceProduit.listData=reponse;
console.log(reponse);
}
);
this.route.navigate['/produits'];
}
)
}
} |
ma vue
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| <div class="row">
<div class="col-md-12 col-md-offset-2">
<h1>Produit</h1>
<form [formGroup]="this.serviceProduit.dataForm" (ngSubmit)="onSubmit()">
<div class="form-group">
<label>Nature</label>
<select class="form-control" formControlName="nature" id="nature">
<option value="0">-Select-</option>
<option *ngFor="let item of listNature" value="{{item.idNature}}">{{item.libNature}}</option>
</select>
</div>
<div class="form-group">
<label>Categorie</label>
<select class="form-control" formControlName="categorie" id="categorie">
<option value="0">-Select-</option>
<option *ngFor="let item of listCategorie" value="{{item.idCat}}">{{item.libCat}}</option>
</select>
</div>
<div class="form-group">
<label>code</label>
<input type="text" class="form-control" formControlName="numeroProd" id="numeroProd">
</div>
<div class="form-group">
<label>Désignation</label>
<input type="text" class="form-control" formControlName="designaton" id="designaton">
</div>
<div class="form-group">
<label>Prix Achat</label>
<input type="text" class="form-control" formControlName="prixAchat" id="prixAchat">
</div>
<div>
<button type="submit" class="btn btn-dark"><i class="fa fa-database"></i>Enregistrer</button>
<button type="button" class="btn btn-outline ml-1"[mat-dialog-close]><i class="fa fa-close"></i>Fermer</button>
</div>
</form>
</div>
</div> |
comme le savez déjà, je suis encore nouveau sur Angular.
please I need your help :help:
