[Solved] Which import statement is required to use @Output and EventEmitter in an Angular component? — Ans: import { Output, EventEmitter } from '@angular/core'; | Angular

Angular - Component Interaction

Which import statement is required to use @Output and EventEmitter in an Angular component?

Aimport { Output, EventEmitter } from 'rxjs';

Bimport { Output, EventEmitter } from '@angular/core';

Cimport { Input, EventEmitter } from '@angular/core';

Dimport { Output, EventEmitter } from '@angular/common';

Step-by-Step Solution

Solution:

Step 1: Identify Angular core imports
The @Output decorator and EventEmitter class are part of the Angular core package.
Step 2: Confirm correct import path
They must be imported from '@angular/core', not from '@angular/common' or 'rxjs'.
Final Answer:
import { Output, EventEmitter } from '@angular/core'; -> Option B
Quick Check:
Angular core imports = import { Output, EventEmitter } from '@angular/core'; [OK]

Quick Trick: Always import @Output and EventEmitter from '@angular/core' [OK]

Common Mistakes:

Master "Component Interaction" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which import statement is required to use @Output and EventEmitter in an Angular component?