Estou nessa parte da aula e, como estou usando a versão mais recente do Angular, está dando erro e dizendo que o ngFor foi descontinuado e que eu preciso usar o @for:
<section class="container">
<header class="header d-flex">
<h2 class="ff-inter">Meu Mural</h2>
<button routerLink="/criarPensamento" class="botao">Adicionar pensamento</button>
</header>
<div class="mural" *ngIf="listaPensamentos.length > 0, else semPensamentos">
<div *ngFor="let pensamento of listaPensamentos">
<app-pensamento [pensamento]="pensamento"></app-pensamento>
</div>
</div>
</section>
<ng-template #semPensamentos>
<div class="ff-inter sem-pensamentos">
<p>Ainda não há pensamentos cadastrados!</p>
</div>
</ng-template>
Como converter esse trecho sem dar mais bug do que já está e qual a sintaxe correta, por gentileza?
Valeu, galera!
