[husky83]

#angular

Dlaczego nie działa mi *ngFor?

Do projektu dodałem nowy moduł, w nim komponent, sztuk 1.
W komponencie (brane już z tutoriala!):

 heroes = ['Windstorm', 'Bombasto', 'Magneta', 'Tornado'];
 myHero = this.heroes[0];

W szablonie:

 My favorite hero is: {{myHero}}
-------------------------------

Heroes:

* {{ hero }}

Efekt?

My favorite hero is: Windstorm
Heroes:

Ręczne wypisanie heroes[1] też daje poprawny efekt, a tutaj pustka. Ani konsola ani kompilator nie zgłaszają błędów... Co ciekawe *ngIf='heroes' i !heroes nie są wywoływane - ani nie jest true ani false ;-) Po prostu nie ogarniam tej magii, która się tutaj dzieje ;-) Wszystko przed i po tym kodzie się wykonuje..

[Mazowia]

@husky83: this.hero?

[husky83]

@Mazowia: dlaczego this? Zresztą dodałem do testu i dalej nic :-(

[WielkiElektronig]

@husky83: debug nic nie mówi?

[husky83]

@WielkiElektronig: kompletnie nic, tak dziwnego przypadku w życiu nie miałem... Po prostu cisza, zarówno kompilator jak i konsola w przeglądarce milczy na ten temat - wg nich jest wszystko ok..

[WielkiElektronig]

@husky83: a zamykales i otwierales vs code?

[digupherbones]

@husky83: common module masz zaimportowany w swoim module w którym zadeklarowany jest komponent?

[husky83]

@digupherbones: jest
@WielkiElektronig: tak, najpierw ng serve restartowałem, a ostatecznie zrestartowałem też VSC i nadal nic.. Całe szczęście w tym konkretnym przypadku śmiało mogłem zrobić to statycznie, ale bo dane w tabeli którą chciałem wyświetlać zmieniają się raz na rok, ale chodzi o sam fakt, że takie dziwne cuda się dzieją

[digupherbones]

@husky83: jestem niemal pewien że to coś z importami jest skoro nie działają też pozostałe dyrektywy strukturalne z CommonModule. Sprawdź jeszcze jakieś ngSwitch itp.