Урок 06 · 11 хв

Input і Output

Униз — @Input. Угору — @Output з EventEmitter. Як props і колбек.

Батько пише <app-card [user]="current" (saved)="reload()" />. У дитині @Input() user і @Output() saved = new EventEmitter<void>(). Дані не течуть угору записом в input. Хочеш сказати батькові — this.saved.emit().

Дитина

Можна спитати про це правило«Input не для «повернути відповідь»»

Ім'я події — дієслово в минулому часі: saved, removed, а не saveClick без потреби.
У шаблоні батька (saved)="onSaved($event)", якщо emit із корисним навантаженням.
Багато вкладених input — сигнал, що час для сервісу або роуту з id.

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

1. [user]="current" потрапляє в дитину як
2. Як дитина кличе батька?
3. Чому не робити user.name = x усередині дитини?