Diretivas Introducao

as diretivas sao components sem template (nao pussuem codigo HTML, CSS associado ao codigo typescript), porem sao usadas para passar instrucoes para os templates (codigo HTML) de outros components. segue um exemplo de diretiva ngFor implementada em um template.

<ul>
    <li *ngFor="let curso of cursos">
        
    </li>
</ul>

no exemplo acima, sera executado a iteracao da tag li mostrando todos os elementos do array cursos por meio da variavel curso interpolada.

as diretivas podem ser separadas em 2 grupos

Tipo de diretiva	Descricao	nome da diretiva
Diretivas Estruturais	Interagem com a view e modificao a estrutura do DOM e/ou codigo HTML	ngFor ngIf
Diretivas de Atributos	Interagem com o elemento em que foram aplicadas, OBS: Nao modificam a estrutura do DOM	ng-class ng-style