Cześć, uczę się Angulara i mam problem z wyświetlaniem danych. Mam główny app-component i 3 childy. Jest to aplikacja, która ma wyświetlać przez nas zadania, które sami dodajemy oraz listę zadań zrobionych.
Kod wygląda tak:
<ng-container *ngIf="listaZadan.lenght > 0; else noTask">
<ul>
<li *ngFor="let zadanie of listaZadan">
{{zadanie}}
<button (click)="usun(zadanie)">Usuń zadanie</button>
<button (click)="zrobione(zadanie)">Zrobione</button>
</li>
</ul>
</ng-container>
<ng-template #noTask>
<p>Nie masz zadań, masz teraz czas wolny!</p>
</ng-template>
Nie działa mi tutaj ngIf, tzn wyświetla mi komunikat z template ale po dodaniu zadania nie znika napis i nie pojawia się lista zadań. Nie wiem dlaczego.
Drugi problem mam z wyświetleniem ilości zadań zrobionych.
<h3>Zadania wykonane: {{ listaZrobionych.lenght}} </h3>
<ul>
<li *ngFor="let zadanie of listaZrobionych">
{{zadanie}}
</li>
</ul>
Tutaj wyświetla mi się wszystko oprócz długości tej listy. W konsoli nie wywala mi błędów.
Co robię źle?