[Solved] Consider this Angular component code snippet:export class MyComponent implements OnInit { data = ''; ngOnInit() { this.... } }What will be the value of data after the component initializes? | Angular

Angular - Lifecycle Hooks

Consider this Angular component code snippet:

export class MyComponent implements OnInit {
  data = '';
  ngOnInit() {
    this.data = 'Hello World';
  }
}

What will be the value of data after the component initializes?

A'' (empty string)

Bundefined

Cnull

D'Hello World'

Step-by-Step Solution

Solution:

Step 1: Check initial value of data
The property data starts as an empty string.
Step 2: See what ngOnInit does
Inside ngOnInit, data is set to 'Hello World'. This runs after component creation.
Final Answer:
'Hello World' -> Option D
Quick Check:
ngOnInit sets data to 'Hello World' [OK]

Quick Trick: ngOnInit runs after creation, sets data [OK]

Common Mistakes:

Master "Lifecycle Hooks" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Consider this Angular component code snippet: