Diretivas do Angular

📚 Diário de Estudos #03

No Angular, as Diretivas são recursos que permitem modificar dinamicamente a interface da aplicação de acordo com a lógica do sistema.

Elas são divididas em dois tipos principais:

🔹 Diretivas Estruturais

São responsáveis por modificar a estrutura do HTML, criando, removendo ou repetindo elementos na página.

Alguns exemplos:

*ngIf: exibe ou remove um elemento conforme uma condição.

*ngFor: cria elementos dinamicamente a partir de uma coleção.

*ngSwitch: renderiza diferentes blocos de conteúdo de acordo com o valor de uma variável.

🔹 Diretivas de Atributo

Alteram a aparência ou o comportamento de elementos que já existem na página, sem modificar sua estrutura.

Alguns exemplos:

ngClass: adiciona ou remove classes CSS dinamicamente.

ngStyle: aplica estilos CSS de forma dinâmica.

ngModel: sincroniza automaticamente os dados entre o template e o TypeScript através do Two-Way Data Binding.

Também fazem parte desse conjunto recursos como ngTemplate, utilizado para definir trechos de HTML que serão renderizados somente quando necessário, e ngContent, que permite criar componentes mais reutilizáveis projetando conteúdo do componente pai para o componente filho.

#Angular #TypeScript #Frontend #DesenvolvimentoWeb #Programação #SoftwareDeveloper #Dev