Встречается на собеседованиях • сегодня
Для чего нужны директивы
Директивы в Angular — это классы, которые добавляют дополнительное поведение к элементам DOM. Они позволяют изменять структуру или внешний вид элементов, добавлять логику.
**Типы директив:**
1. **Компоненты** — директивы с шаблоном (наиболее распространённые).
2. **Структурные** — изменяют DOM (`*ngIf`, `*ngFor`).
3. **Атрибутные** — изменяют поведение или внешний вид элемента (`ngClass`, `ngStyle`).
**Пример структурной директивы:**
```html
Показывается, если isVisible = true
```
**Пример атрибутной директивы:**
```typescript
@Directive({ selector: '[appHighlight]' })
export class HighlightDirective {
@HostListener('mouseenter') onMouseEnter() {
this.el.nativeElement.style.backgroundColor = 'yellow';
}
}
```
Использование:
```html
Наведи курсор!
```
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы