Discussion :

[flamant]

Bonjour, je travaille avec angular et je butte depuis plusieurs jours sur un bug avec une combo box,
voici le code de ma combobox

Code :

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
<mat-form-field>
    <mat-label>Fonction *</mat-label>
    <mat-select  (selectionChange)="fonctionChange($event)" formControlName="fonctionName">
        <mat-option *ngFor="let fonc of fonctions" [value]="fonc.name">
            {{fonc.name}}
        </mat-option>
    </mat-select>
</mat-form-field>


fonctions: FonctionDto[]

fonctionChange(event: any) {
    console.log(event);
    console.log(this.fonctions);   <---   output plus loin
    const fonction = this.fonctions.filter((item: FonctionDto)=> item.name = event.value)[0];
    console.log(this.fonctions);
    console.log(fonction);
    this.manageRequestFonction(fonction);

 }

Je fais une requete pour recuperer la valeur de fonctions

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
(2) [{…}, {…}]
1.   0: {id: 1, name: 'fonction1', version: 'version1', date: '2023-06-09T22:00:00.000+00:00', description: 'description1', …}
2.   1: {id: 4, name: 'fonction2', version: 'version2', date: '2023-06-12T22:00:00.000+00:00', description: 'decscription2', …}
3.   length: 2

fonction1
et
fonction2

quand j'ouvre la combobo box sur le navigateur, il n'y a pas de problème




quand je selectionne une fonction, la valeur fonction1 par exemple, j'ai la sortie suivante

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
console.log(this.fonctions);   <---   output plus loin

(2) [{…}, {…}]

3.   0: {id: 1, name: 'fonction1', version: 'version1', date: '2023-06-09T22:00:00.000+00:00', description: 'description1', …}

4.   1: {id: 4, name: 'fonction1', version: 'version2', date: '2023-06-12T22:00:00.000+00:00', description: 'decscription2', …}

5.   length: 2

6.   [[Prototype]]: Array(0)

vous voyez que j'ai la variable fonctions avec 2 même nom, c'est à dire fonction1 et c'est la chose que je ne comprends pas, pourriez vous m'aider ?

quand j'ouvre la combobox sur le navigateur, j'ai effectivement cette erreur

[duke666]

* ​

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 const fonction = this.fonctions.filter((item: FonctionDto)=> item.name = event.value)[0];

mettre plutôt ==

avec =, cela va mettre event.value sur les 2

et n'oubliez pas, vous travaillez par référence donc cela se répercute en amont du code


* de plus, c'est mieux de travailler sur les id avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 [value]="fonc.id"

en réadaptant le reste du code

un id est unique et c'est son but!

[flamant]

Merci duke, ça faisait plusieurs jours que je n'arrivais pas à trouver