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

Jak wyświetlić obiekt składający się z 3 innych obiektów
T9
  • Rejestracja: dni
  • Ostatnio: dni
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.

Kopiuj
 <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

UR
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 360
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ąć?

T9
  • Rejestracja: dni
  • Ostatnio: dni
0

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

UR
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 360
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ę.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.