Jak wyświetlić obiekt składający się z 3 innych obiektów

0

Witam, mam taki obiekt
screenshot-20210107011806.png


przeszukałem chyba cały internet i nic czy da się to wyświetlić, próbowałem np.

 <h1>{{post.userId.username}}</h1>

ale efekt jest taki :

Error trying to diff '[object Object]'. Only arrays and iterables are allowed

oczywiście próbowałem *ngFor="let post of posts

Pozdrawiam

2

Błąd jasny i klarowny, przekazujesz obiekt zamiast tablicy obiektów, co widać też w postmanie.

NgFor oczekuje tablicy.
Poza tym NgFor w tbody... wiesz co chcesz osiągnąć?

0

@urke: kopiowałem ze stack wszystkio jak leci stąd NgFor w tablicy, kiedy i jak mogę zamienić obiekt na tablice obiektów ?

3

W twoim wypadku nie ma to sensu, bo sam endpoint wskazuje że pobierasz pojedynczy obiekt, także raczej nie ma sensu prezentowanie pojedynczego rezultatu w tabeli. Tym bardziej że nazwa komponentu to też single-post.*

Albo wywal tego ngfora i binduj z pojedyncze go obiektu jak należy, albo jak już bardzo chcesz z tym ngforem protestować, to zmienna posts w pliku .ts musi być tablica i wtedy pobierany pojedynczy post musisz owrapowac w tablicę.

1 użytkowników online, w tym zalogowanych: 0, gości: 1