Objekt dynamisch erstellen nach get() vom Server

Question

Gibt es eine Möglichkeit, itemsAndPageableInfo Objekt dynamisch zu erstellen und dann zum Beispiel auf der Ansicht itemsAndPageableInfo.content drucken?

itemsAndPageableInfo : {};  

    this.itemService.getItems(0, 2) 
       .subscribe(res => { 
       this.itemsAndPageableInfo = res.json(); 
       this.items = res.json().content; 
       }); 

Ich versuche <tr *ngFor="let item of itemsAndPageableInfo.content; let i = index"> zu tun, aber ich erhalte eine Fehlermeldung, dass ERROR TypeError: Cannot read property 'content' of undefined

Answer 1

Sie müssen itemsAndPageableInfo auf eine leere iterable initialisieren oder nicht zeigen die <tr>, bis sie geladen ist.

Der Grund dafür ist, dass itemsAndPageableInfo asynchron gefüllt wird und die Daten angezeigt werden, nachdem die Elemente in das DOM geladen wurden, was zu einer Nullreferenz führt.