AngularJavaScript Frameworks

Angular: Component Communications (Child to Parent)

In Angular, the child component has no way of knowing whose its parent is. Thus, in order for data to be sent to a parent component, the parent component must bind to an EventEmitter object in the Child component to receive the data via the @Output() directive. The process is similar to how events occur on the browser, such as when a click event or keyup event is triggered on an input or button element. The EventEmitter is used to emit events from the Child component to the Parent component, and thus data (the payload) can be retrieved for its use.

Note: In Angular, the Child component has no way of knowing its parent component.

Verified by MonsterInsights