Suggest an editImprove this articleRefine the answer for “What does the @Input() decorator do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`@Input()`** in Angular is used to pass data from a parent component to a child: a property in the child component is marked with `@Input()`, and the parent passes a value through the selector attribute. **Key point:** @Input() creates a top-down data connection, allowing the parent to control the state of the child component.Shown above the full answer for quick recall.Answer (EN)ImageThe `@Input()` decorator in Angular is used to pass data **from a parent component to a child**. How it works: 1. In the child component, a property is marked with `@Input()`. 2. The parent component can pass a value through the **selector attribute** of the child component. Example: ```typescript // Child component @Component({ selector: 'app-child', template: `<p>{{ message }}</p>` }) export class ChildComponent { @Input() message: string; } // Parent component @Component({ selector: 'app-parent', template: `<app-child [message]="'Hello, world!'"></app-child>` }) export class ParentComponent {} ``` > Conclusion: `@Input()` creates a top-down data connection, allowing the parent to control the state of the child component.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.