Passing Data with @Input

Snippet

Passing Data with @Input

The @Input decorator allows a component to receive data from its parent. This is a fundamental way to share information between different parts of the app.

snippet.js
javascript
import { Component, Input } from '@angular/core';
 
@Component({ ... })
export class ProfileComponent {
  @Input() username = 'Guest';
}

angular

Breakdown

@Input() username

Marks this property as an input that can be set by a parent component.

Previous snippet Next snippet

More Beginner JavaScript exercises →

From your library

Passing Data with @Input

Related