Ich kann nicht ein *ngfor auf einen @For ändern. Seine @For (Commune of Communes) wird abgelehnt und erzählt, dass Commu
Posted: 18 Aug 2025, 11:24
Ich habe eine von einem OpenAPI-Generator generierte Kenntnis Schnittstelle:
a communesComponent sammelt sich durch einen Rest auf. Rufen Sie einige Communes : A Commune [] Array.
und die Daten Es gibt zurück. Wenn ich einen Haltepunkt nur auf die Foreach einsetzt, um seinen Inhalt zu sehen, ist:
Code: Select all
/** Une commune du Code Officiel Géographique */
export interface Commune {
/** Code de la commune */
codeCommune: string;
/** Code du département */
codeDepartement: string;
/** Nom du département */
nomDepartement: string;
[...]
}
Code: Select all
export class CommunesComponent implements OnInit {
/** Année du Code Officiel Géographique. */
@Input()
anneeCOG: number;
/** Locale du tri des communes */
@Input()
locale: string = 'fr_FR';
/** Liste des communes ordonnées par locale */
communes: Commune[];
/** Codes communes avec leur commune associée. */
communesMap: Map = new Map();
/** Code commune sélectionné. */
codeCommune: string = null;
/** Commune sélectionnée (objet). */
communeSelectionnee: Commune = null;
/** Libellé final de la commune sélectionnée. */
libelleCommuneSelectionnee: string;
[...]
/**
* Réaction à l'initialisation du composant :
* Lire les communes triées par locale, et sous forme de Map indexée par codeCommune.
*/
ngOnInit(): void {
// Vérification du paramètre d'appel (année)
if (this.anneeCOG < 2019 || this.anneeCOG >= 2100) {
const message = 'L\'année du code officiel géographique ' + this.anneeCOG + ' n\'est pas valide : choissez-là à partir de 2019.';
console.log(message);
return;
}
this.cogService.obtenirCommunesTriParLocale(this.anneeCOG, false, this.locale).subscribe(data => {
this.communes = data;
this.communes.forEach(commune => {
this.communesMap.set(commune.codeCommune, commune);
});
});
}
[...]
< /code>
wobei der Dienst von einem dieser Prototypen aufgerufen wird, der ebenfalls von OpenAPI generiert wird: < /p>
public obtenirCommunesTriParLocale(anneeCOG: number, locale: string, observe?: 'body', reportProgress?: boolean, options?: {httpHeaderAccept?: '*/*'}): Observable;
public obtenirCommunesTriParLocale(anneeCOG: number, locale: string, observe?: 'response', reportProgress?: boolean, options?: {httpHeaderAccept?: '*/*'}): Observable;
public obtenirCommunesTriParLocale(anneeCOG: number, locale: string, observe?: 'events', reportProgress?: boolean, options?: {httpHeaderAccept?: '*/*'}): Observable;
public obtenirCommunesTriParLocale(anneeCOG: number, locale: string, observe: any = 'body', reportProgress: boolean = false, options?: {httpHeaderAccept?: '*/*'}): Observable {
[...]
}