How can I use EventEmitter in Angular?

How can I use EventEmitter in Angular?

You can use EventEmitter in Angular to create custom events for component communication. It allows child components to emit events to parent components.

Can you show me a simple example?

Sure! First, import EventEmitter and Output from '@angular/core'. Then, in your child component, create an EventEmitter instance and use the @Output decorator. When you want to emit an event, call the emit method.

What about listening to the event in the parent component?

In the parent component's template, you can listen to the event using the syntax (eventName)="handlerMethod()". In the handler method, you can define what to do when the event is received.

Is there a way to pass data with the event?

Yes, you can pass data by including it as an argument in the emit method. For example, emit(value) will send 'value' to the parent.