Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить декоратор @Input()?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`@Input()`** в Angular використовується для передавання даних від батьківського компонента до дочірнього: властивість у дочірньому компоненті позначається `@Input()`, а батьківський передає значення через атрибут селектора. **Ключове:** @Input() створює зв'язок даних згори вниз, дозволяючи батьківському компоненту керувати станом дочірнього компонента.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняДекоратор `@Input()` в Angular використовується для передавання даних **від батьківського компонента до дочірнього**. Принцип роботи: 1. У дочірньому компоненті властивість позначається `@Input()`. 2. Батьківський компонент може передавати значення через **атрибут селектора** дочірнього компонента. Приклад: ```typescript // Дочірній компонент @Component({ selector: 'app-child', template: `<p>{{ message }}</p>` }) export class ChildComponent { @Input() message: string; } // Батьківський компонент @Component({ selector: 'app-parent', template: `<app-child [message]="'Привіт, світ!'"></app-child>` }) export class ParentComponent {} ``` > Висновок: `@Input()` створює зв'язок даних згори вниз, дозволяючи батьківському компоненту керувати станом дочірнього компонента.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.