Use @input and @Output in the Child Component of an Angular app

An example:

<app-input-output [item] ="currentItem" (deleteRequest) ="crossOffItem($event)"></app-input-output>
Copy the code

(1) The Child Component’s item property is bound to the parent Component’s currentItem property. Automatically triggers the Parent Component crossOffItem function.

The data flow is as follows: