[Solved] Which of the following is the correct way to implement ngAfterViewInit in an Angular component? — Ans: ngAfterViewInit() { console.log('View initialized'); } | Angular

Angular - Lifecycle Hooks

Which of the following is the correct way to implement ngAfterViewInit in an Angular component?

AngAfterViewInit => { console.log('View initialized'); }

BngAfterViewInit() { console.log('View initialized'); }

Cfunction ngAfterViewInit() { console.log('View initialized'); }

DngAfterViewInit: function() { console.log('View initialized'); }

Step-by-Step Solution

Solution:

Step 1: Recall Angular component method syntax
Angular lifecycle hooks are implemented as class methods without special syntax like arrow functions or function keywords.
Step 2: Check each option's syntax
ngAfterViewInit() { console.log('View initialized'); } uses the correct method syntax inside a class. Options A, B, and C use invalid or incorrect JavaScript syntax for class methods.
Final Answer:
ngAfterViewInit() { console.log('View initialized'); } -> Option B
Quick Check:
Use method() syntax for lifecycle hooks [OK]

Quick Trick: Use method() syntax inside class for hooks [OK]

Common Mistakes:

Master "Lifecycle Hooks" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which of the following is the correct way to implement ngAfterViewInit in an Angular component?