Какие виды директив существуют в Angular, чем они отличаются и где используются?

Angular различает компоненты с шаблоном, атрибутные директивы для поведения/вида элемента и структурные директивы, меняющие состав представления.

Атрибутная директива может управлять подсветкой или реакцией на событие; структурная создаёт или удаляет embedded views через шаблон. Компонент — специальный вид директивы со своим UI. Современные встроенные блоки @if/@for выполняют задачи управления потоком, но не являются просто атрибутными директивами.