Bonjour,

Je suis entrain de réalisé un formulaire qui doit enregistrer la liste des voies(route et cours d'eau) et ayant un champ clé étrangère province.
Au niveau de mon API réalisé avec Spring tout fonctionne correctement mais avec angular ça ne marche pas.

Les code se presentent de la manière suivante:

1.HTML
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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
<div class="container my_container">
 
    <ng-template #errors >
        <div class="text-danger">{{erreurMessage}}</div>
    </ng-template>
 
    <div class="card justify-content-md-center">   
            <div class="card-header">
                Nouvelle voie
            </div>
 
            <div class="card-body">
                <form [formGroup]="voieFormGroup" >
                    <div class="mb-3">
                        <input type="texte" class="form-control"
                            formControlName="nomVoie" placeholder="Nom Voie">
                    </div>
 
                    <div class="row mb-3">    
                        <div class="col">
                            <label class="form-label">Type voie</label>      
                        </div>
                        <div class="col">                                         
                            <select formControlName="typeVoie" name="typeVoie" class="form-select">
                                <option selected>Selectionnez ici</option>
                                <option value="Route">Route</option>
                                <option value="Cours d'eau">Cours d'eau</option>
                            </select>
                        </div>
                    </div>
 
 
                    <div class="row mb-3">    
                        <div class="col">
                            <label class="form-label">Province</label>      
                        </div>
                        <div class="col">                                         
                            <select formControlName="province" name="province"
                                class="form-select">
                                <option selected>Selectionnez ici</option>
                                <option [value]="prov" *ngFor="let prov of provinces">
                                    {{prov.denomination}}
                                </option>
                            </select>
 
                        </div>
                    </div>
                    <div class="mb-3">
                        <input type="texte" class="form-control"
                            formControlName="axe" placeholder="Axe">
                    </div>
                    <div class="mb-3">                 
                        <input type="texte" class="form-control" 
                            formControlName="longueur" placeholder="Longueur">
                    </div>                   
 
                    <div class="d-flex">
                        <div class="p-1 flex-fill">
                            <button class="btn btn-danger mr-3" >
                                <i class="fas fa-ban"></i>*Annuler
                            </button>
                        </div>
                        <div class="p-2 flex-fill">
                            <button (click)="handleSaveVoie()"  class="btn btn-primary ml-3" type="button">
                                <i class="fas fa-save"></i>*Sauvegarder
                            </button>
                        </div>                       
                    </div>
 
 
                </form>   
            </div>  <!--fin card body-->          
 
    </div>
 
</div>


Partie logique: