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

InformationsquelleAutor d-man | 2016-09-15

Schreibe einen Kommentar