[Solved] Which of the following is the correct syntax to import @ViewChild in an Angular component? — Ans: import { ViewChild } from '@angular/core'; | Angular

Angular - Component Interaction

Which of the following is the correct syntax to import @ViewChild in an Angular component?

Aimport { ViewChild } from '@angular/core';

Bimport { ViewChild } from '@angular/common';

Cimport { ViewChild } from '@angular/forms';

Dimport { ViewChild } from '@angular/platform-browser';

Step-by-Step Solution

Solution:

Step 1: Identify the Angular package for core decorators
@ViewChild is part of Angular's core package, so it must be imported from '@angular/core'.
Step 2: Verify other options
@angular/common, @angular/forms, and @angular/platform-browser do not export @ViewChild.
Final Answer:
import { ViewChild } from '@angular/core'; -> Option A
Quick Check:
@ViewChild import source = '@angular/core' [OK]

Quick Trick: Always import @ViewChild 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 of the following is the correct syntax to import @ViewChild in an Angular component?