Основи Angular
Components, templates, data binding, структурні директиви, ngFor, ngIf, інтерполяція, property binding, event binding
1Що таке component в Angular?
Що таке component в Angular?
Відповідь
Component — це фундаментальний будівельний блок Angular-застосунку, який контролює частину інтерфейсу користувача. Він поєднує HTML-шаблон, CSS-стилі та клас TypeScript з декоратором @Component. Ця архітектура дозволяє створювати багаторазові та модульні інтерфейси, сприяючи розподілу відповідальності між поданням і бізнес-логікою.
2Який синтаксис відображає змінну TypeScript у шаблоні?
Який синтаксис відображає змінну TypeScript у шаблоні?
Відповідь
Інтерполяція з подвійними фігурними дужками {{ variable }} вставляє динамічні значення в HTML-шаблон. Angular обчислює вираз TypeScript і перетворює результат на рядок, який відображається в DOM. Цей синтаксис використовується для відображення властивостей component, виконання простих обчислень або виклику методів, що повертають значення.
3Як прив'язати HTML-властивість до змінної component?
Як прив'язати HTML-властивість до змінної component?
Відповідь
Property binding з квадратними дужками [property]="variable" прив'язує властивість DOM-елемента до виразу TypeScript. Angular обчислює вираз і автоматично оновлює властивість при зміні. Цей синтаксис є односпрямованим (від component до template) і застосовується до стандартних HTML-атрибутів, користувацьких властивостей або входів дочірніх components.
Який синтаксис захоплює користувацьку подію в шаблоні?
Що робить директива *ngIf у шаблоні Angular?
+17 питань зі співбесід
Інші теми співбесід Angular
Основи TypeScript
TypeScript просунутий
Компоненти та життєвий цикл
Services & Dependency Injection
Організація модулів Angular
Angular CLI
Директиви та Pipe
Маршрутизація та навігація
Реактивні форми
Template-driven форми
Основи RxJS
Оператори RxJS
HttpClient і виклики API
Базове керування станом
Change Detection
Angular Signals
Standalone Components
Модульні тести в Angular
End-to-End тестування
Build і оптимізація
Основи NgRx
Просунутий NgRx
Архітектура Angular
Оптимізація продуктивності
Безпека та найкращі практики
Просунуті патерни RxJS
Angular Universal та SSR
Angular Micro-frontends
Опануй Angular для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно