Как отправить данные из родительского компонента в дочерний в angular ?

Как отправить данные из родительского компонента в дочерний компонент в angular ?

Общение / взаимодействие необходимо для того, чтобы все работало.

Поэтому для отправки данных от дочернего компонента к родительскому мы используем функцию Input (декоратор Input) компонента для получения данных.

Допустим, мы создаем компонент hero (дочерний) в heroes (компонент родительского списка).

Герой должен иметь вход

export class HeroChildComponent {
  @Input() hero!: Hero;

Внутри шаблона view/html родительского компонента

 <app-hero-child
      *ngFor="let hero of heroes"
      [hero]="hero">
 </app-hero-child>