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

easy📝 Syntax Q3 of 15

Angular - Components

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

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

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

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

Step-by-Step Solution

Solution:

Step 1: Recall Angular lifecycle hook syntax
Lifecycle hooks are methods named exactly, without arrow functions or colons.
Step 2: Check each option
ngAfterViewInit() { console.log('View initialized'); } uses correct method syntax. Options B, C, and D use incorrect syntax for Angular class methods.
Final Answer:
ngAfterViewInit() { console.log('View initialized'); } -> Option B
Quick Check:
Correct hook method syntax = ngAfterViewInit() { console.log('View initialized'); } [OK]

Quick Trick: Use method syntax: ngAfterViewInit() { } [OK]

Common Mistakes:

Master "Components" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes