[Solved] Given a parent component that listens to a child's event like this: <app-child (notify)="onNotify($event)"></app-child>What happens when the child calls this.notify.emit('hello')? | Angular

Angular - Component Interaction

Given a parent component that listens to a child's event like this:
<app-child (notify)="onNotify($event)"></app-child>
What happens when the child calls this.notify.emit('hello')?

ANothing happens because emit is not connected

BAn error is thrown because emit needs a callback

CThe child component reloads

DThe parent's onNotify method is called with 'hello' as argument

Step-by-Step Solution

Solution:

Step 1: Understand event binding
The parent listens to the child's notify event and calls onNotify with the event data.
Step 2: Trace the emit call
When child emits 'hello', the parent's onNotify('hello') runs.
Final Answer:
The parent's onNotify method is called with 'hello' as argument -> Option D
Quick Check:
Child emit triggers parent handler with data [OK]

Quick Trick: Child emit triggers parent event handler [OK]

Common Mistakes:

Thinking emit does nothing without callback
Expecting child reload on emit
Confusing emit with error throwing

Master "Component Interaction" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

Given a parent component that listens to a child's event like this:

Step 1: Understand event binding

Step 2: Trace the emit call

Final Answer:

Quick Check:

Want More Practice?