[Solved] Identify the error in this Angular component code:export class SampleComponent implements OnInit { message: string; ngOnInit() { this.message = 'Welcome'; } } | Angular

Angular - Lifecycle Hooks

Identify the error in this Angular component code:

export class SampleComponent implements OnInit {
  message: string;
  ngOnInit() {
    this.message = 'Welcome';
  }
}

AngOnInit method name is incorrect

Bmessage property should be initialized in constructor

CMissing import of OnInit interface

DNo error, code is correct

Step-by-Step Solution

Solution:

Step 1: Check for required imports
The component implements OnInit but does not import it from '@angular/core'. This causes a compile error.
Step 2: Verify method and property usage
The method name ngOnInit is correct, and initializing message in ngOnInit is valid.
Final Answer:
Missing import of OnInit interface -> Option C
Quick Check:
Implementing OnInit requires importing it [OK]

Quick Trick: Always import lifecycle interfaces from '@angular/core' [OK]

Common Mistakes:

Master "Lifecycle Hooks" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this Angular component code: