Como usar as diretivas estruturais do Angular para separar completamente a lógica e os dados da aplicação, escritos em TypeScript, da lógica de exibição, escrita de forma declarativa no template HTML do componente.

Dessa forma, quando utilizamos o Angular, não misturamos o JavaScript com o HTML, algo muito comum quando desenvolvemos com JavaScript puro.

Destaques

• ngIf
• ngFor
• ngSwitch
• Utilizando *ngFor e *ngIf

Exemplo de código

<ng-container *ngFor="let dia of diasDaSemana?>
    <div *ngIf="dia == hoje">
        {{ dia }}
    </div>
</ng-container>

O que eu preciso aprender?

• ngFor
• Utilizando *ngFor e *ngIf
• ngSwitch
• ngIf