angular2 NgFor unterstützt nur verbindlich, Iterables wie Arrays
Angular2 rc.6
Ich erhalte folgende Fehlermeldung bei der Ausführung einer Schleife auf json-Daten
Kern.umd.js:5995 AUSNAHME: Fehler in app/modules/mbs/Komponenten/Menü.html-Format:5:4, verursacht durch: Nicht finden kann, unterscheiden sich die Unterstützung Objekt '[object]' des Typs 'Objekt'. NgFor unterstützt nur verbindlich, Iterables wie Arrays.
meine html-Schleife, Hinweis: ich möchte einfach Durchlaufen Eigenschaften und arrays innerhalb der Antwort.
<li *ngFor="let item of menuItems">
{{item}}
</li>
mein service-Methode
getMenuItems():Promise<any>{
return this.http.get('api/menu').toPromise().
then(response => response.json())
.catch(this.handleError)
}
folgende ist meine json-Antwort
{ "text": "Menu", "children": [ { "text": "Home", "url": "/spatt-web/home" }, { "text": "Configure", "children": [ { "text": "Tri-Party Program", "children": [ { "text": "Margins and Filters", "url": "/sp-rrp/config/operation" }, { "text": "Fields and Desirability", "url": "/spatt-rrp/config/program" } ] }, { "text": "Shared Settings", "url": "/shared-config/config" }, { "text": "SOMA Limits", "url": "/outright-config/config" } ] }, { "text": "Plan", "children": [ { "text": "Tri-Party RRP Operations", "url": "/spatt-rrp/plan" } ] }, { "text": "Track" }, { "text": "Administer" }, { "text": "Help", "children": [ { "text": "RRP Operations", "url": "RRPference" }, { "text": "RRP Margin Calls and Recalls", "url": "RRPRecallference" } ] } ] }
Und was ist das Ergebnis, das Sie erwarten?
Was ist es, das Sie anzeigen möchten? Wie die Fehlermeldung zeigt, können Sie nicht einfach NgFor, um eine Schleife durch die Mitglieder in einem Objekt. Es gibt Möglichkeiten, es zu beheben, aber ich brauche, um zu verstehen, was Sie zu tun versuchen, erste
danke für den Kommentar. ich möchte einfach Eigenschaften von Anzeige-und Durchlaufen die Kinder-array
Was ist es, das Sie anzeigen möchten? Wie die Fehlermeldung zeigt, können Sie nicht einfach NgFor, um eine Schleife durch die Mitglieder in einem Objekt. Es gibt Möglichkeiten, es zu beheben, aber ich brauche, um zu verstehen, was Sie zu tun versuchen, erste
danke für den Kommentar. ich möchte einfach Eigenschaften von Anzeige-und Durchlaufen die Kinder-array
InformationsquelleAutor d-man | 2016-09-15
Du musst angemeldet sein, um einen Kommentar abzugeben.
Sieht es aus wie Sie wollen
InformationsquelleAutor Pritesh Acharya
Allgemein gesprochen, der Fehler bedeutet, dass Sie versuchen, zu iterieren über ein Objekt statt array oder beobachten.
InformationsquelleAutor JanBrus