Angular Signals
Signals API, computed, effect, signal inputs, signal queries, модель реактивності, міграція з RxJS
1Що таке signal в Angular?
Що таке signal в Angular?
Відповідь
Signal — це примітив реактивності, представлений в Angular 16+, який обгортає значення та автоматично сповіщає споживачів, коли це значення змінюється. На відміну від RxJS Observables, signals пропонують простіший і продуктивніший підхід до керування реактивним станом. Вони синхронні за замовчуванням і нативно інтегруються з системою change detection в Angular.
2Як створити signal з початковим значенням?
Як створити signal з початковим значенням?
Відповідь
Функція signal() приймає початкове значення як параметр: signal(0) створює signal зі значенням 0. Повернений signal — це функція getter, яку можна викликати для читання значення. Щоб змінити значення, використовуйте методи set(), update() або mutate(). Синтаксис лаконічний і уникає багатослівності BehaviorSubject RxJS.
3Як прочитати значення signal?
Як прочитати значення signal?
Відповідь
Викличте signal як функцію: count() повертає поточне значення. Цей синтаксис дозволяє Angular автоматично відстежувати залежності в реактивних контекстах (templates, computed, effect). На відміну від Observables, які вимагають subscribe() або async pipe, signals пропонують синхронне та пряме читання.
Який метод використовувати, щоб повністю замінити значення signal?
Як оновити signal на основі його попереднього значення?
+17 питань зі співбесід
Інші теми співбесід Angular
Основи TypeScript
TypeScript просунутий
Основи Angular
Компоненти та життєвий цикл
Services & Dependency Injection
Організація модулів Angular
Angular CLI
Директиви та Pipe
Маршрутизація та навігація
Реактивні форми
Template-driven форми
Основи RxJS
Оператори RxJS
HttpClient і виклики API
Базове керування станом
Change Detection
Standalone Components
Модульні тести в Angular
End-to-End тестування
Build і оптимізація
Основи NgRx
Просунутий NgRx
Архітектура Angular
Оптимізація продуктивності
Безпека та найкращі практики
Просунуті патерни RxJS
Angular Universal та SSR
Angular Micro-frontends
Опануй Angular для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно