@Input

We can use @Input to pass value to component.

import {Component} from '@angular/core';
import {UserComponent} from './user.component';
 
@Component({
  selector: 'app-root',
  template: `
    <app-user name='Freddy'/>
  `,
  standalone: true,
  imports: [UserComponent],
})
export class AppComponent {}

import {Component, Input} from '@angular/core';
 
@Component({
  selector: 'app-user',
  template: `
    <p>The user's name is {{name}}</p>
  `,
  standalone: true,
})
export class UserComponent {
  @Input() name = '';
}