Урок 01 · 10 хв
Компонент і шаблон
Клас + HTML поруч. Angular знає, який тег твій, за selector.
В Angular шматок екрана — клас із декоратором @Component. selector — ім'я тега, template або templateUrl — розмітка, styleUrl — стилі. Сучасний стиль — standalone: компонент сам перелічує імпорти, NgModule новачку можна не чіпати.
app-helloв HTML батька вставляє цей компонент.- Імена селекторів із дефісом, щоб не перетнутися зі звичайними тегами.
- Логіку тримай у класі, розмітку — у шаблоні. Не пиши бізнес-правила в
{{ }}.
Перевірка
Закріпи, поки не пішов далі
1. Що робить selector
app-hello?2.
{{ name }}звідки бере значення?3. Standalone-компонент — це