Angular

Директиви та Pipe

Built-in directives, custom directives, attribute directives, structural directives, built-in pipes, custom pipes, pure vs impure pipes

22 питань зі співбесід·
Mid-Level
1

Що таке структурна директива в Angular?

Відповідь

Структурні директиви змінюють структуру DOM шляхом додавання, видалення або маніпулювання елементами. Вони мають префікс * (наприклад, *ngIf, *ngFor). На відміну від директив атрибутів, які змінюють зовнішній вигляд або поведінку, структурні директиви можуть додавати або видаляти елементи з DOM.

2

Який правильний синтаксис для використання ngFor з trackBy?

Відповідь

Правильний синтаксис використовує крапку з комою для відокремлення ітерації від функції trackBy. Функція trackBy покращує продуктивність, дозволяючи Angular ідентифікувати, які елементи були змінені, додані або видалені. Вона приймає два параметри (index та item) і повертає унікальний ідентифікатор.

3

Чому використовувати trackBy з ngFor?

Відповідь

trackBy покращує продуктивність рендерингу списків, дозволяючи Angular точно ідентифікувати, які елементи змінилися. Без trackBy Angular відтворює всі елементи DOM, коли відбуваються зміни. З trackBy оновлюються лише змінені елементи, уникаючи непотрібного відтворення.

4

Яку директиву слід використовувати для умовного відображення елемента на основі умови?

5

Яка різниця між *ngIf та [hidden]?

+19 питань зі співбесід

Інші теми співбесід Angular

Основи TypeScript

Junior
25 запитань

TypeScript просунутий

Junior
20 запитань

Основи Angular

Junior
20 запитань

Компоненти та життєвий цикл

Junior
20 запитань

Services & Dependency Injection

Junior
20 запитань

Організація модулів Angular

Mid-Level
22 запитань

Angular CLI

Junior
18 запитань

Маршрутизація та навігація

Mid-Level
24 запитань

Реактивні форми

Mid-Level
26 запитань

Template-driven форми

Mid-Level
16 запитань

Основи RxJS

Mid-Level
22 запитань

Оператори RxJS

Mid-Level
24 запитань

HttpClient і виклики API

Mid-Level
22 запитань

Базове керування станом

Mid-Level
20 запитань

Change Detection

Mid-Level
20 запитань

Angular Signals

Mid-Level
20 запитань

Standalone Components

Mid-Level
18 запитань

Модульні тести в Angular

Mid-Level
22 запитань

End-to-End тестування

Mid-Level
18 запитань

Build і оптимізація

Mid-Level
20 запитань

Основи NgRx

Senior
24 запитань

Просунутий NgRx

Senior
24 запитань

Архітектура Angular

Senior
22 запитань

Оптимізація продуктивності

Senior
22 запитань

Безпека та найкращі практики

Senior
20 запитань

Просунуті патерни RxJS

Senior
22 запитань

Angular Universal та SSR

Senior
20 запитань

Angular Micro-frontends

Senior
20 запитань

Опануй Angular для наступної співбесіди

Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.

Почни безкоштовно