Ich kann nicht ein *ngfor auf einen @For ändern. Seine @For (Commune of Communes) wird abgelehnt und erzählt, dass Commu ⇐ HTML

[Anonymous]

Ich habe eine von einem OpenAPI-Generator generierte Kenntnis Schnittstelle:

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;
[...]
}

a communesComponent sammelt sich durch einen Rest auf. Rufen Sie einige Communes : A Commune [] Array.

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 {
[...]
}

und die Daten Es gibt zurück. Wenn ich einen Haltepunkt nur auf die Foreach einsetzt, um seinen Inhalt zu sehen, ist: