What is the difference between property binding and event binding?

Property binding

When you have to pass the value from a parent component in ANgular to a child component, we have to use the property binding meaning that by doing so we are sending the value using the attribute on a component and thereby get the parent using the @Input annotation for the example of property binding like the below example: <my-child [myProp]="prop" />

Event Binding

Caching of Child’s Event/Method using the parent component.

This is used when we have to fire some event on click or maybe something else from the child component while passing it to the Parent.

Here’s an example:

<my-child [myProp]="prop" (onPropChange)="onPropChange($event)"</strong> /> Here, we have user onPropChange as event binding to catch and fire an event using EventEmitter.