2 pièce(s) jointe(s)
erreur avec une combo box en angular
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:
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:
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
Pièce jointe 640709
quand je selectionne une fonction, la valeur fonction1 par exemple, j'ai la sortie suivante
Code:
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
Pièce jointe 640710