Angular

Standalone Components

Standalone components, imports, providers, bootstrapping, міграція з NgModules, нова структура застосунку

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

Що таке standalone component в Angular?

Відповідь

Standalone component — це компонент Angular, який встановлює standalone: true у своєму декораторі @Component. Це дозволяє компоненту керувати власними imports і providers без потреби в NgModule. Standalone components спрощують архітектуру, усуваючи необхідність у проміжних модулях для організації залежностей.

2

Як оголосити standalone component?

Відповідь

Щоб створити standalone component, достатньо додати властивість standalone: true в декоратор @Component. Це просте оголошення робить компонент незалежним від будь-якого NgModule і дозволяє керувати imports та providers безпосередньо в метаданих компонента, усуваючи необхідність зовнішнього оголошення в модулі.

3

Як імпортувати інший компонент у standalone component?

Відповідь

У standalone component залежності (компоненти, директиви, pipes) додаються безпосередньо в масив imports декоратора @Component. Кожен компонент може імпортувати інші standalone components, директиви, pipes або навіть класичні NgModules. Це усуває необхідність у проміжних NgModules для керування залежностями між компонентами та спрощує архітектуру.

4

Яку функцію використовувати для bootstrap застосунку зі standalone component?

5

Як налаштувати глобальні providers з bootstrapApplication?

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

Інші теми співбесід 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 запитань

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

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

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

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 запитань

Модульні тести в 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 та симуляторів співбесід.

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