[Solved] What is wrong with this presentational component code?@Component({ selector: 'app-display', template: `<p>{{ data }}</p>` }) export class DisplayComponent { @Input() data: string; } | Angular

Angular - Advanced Patterns

What is wrong with this presentational component code?

@Component({
  selector: 'app-display',
  template: `<p>{{ data }}</p>`
})
export class DisplayComponent {
  @Input() data: string;
}

ANo error; code is valid

BIncorrect decorator used for input property

CMissing initialization for 'data' input property

DTemplate syntax is invalid

Step-by-Step Solution

Solution:

Step 1: Check @Input usage
The @Input decorator is correctly applied to 'data' property.
Step 2: Verify template syntax
The template uses interpolation {{ data }} correctly.
Final Answer:
No error; code is valid -> Option A
Quick Check:
@Input with interpolation is valid [OK]

Quick Trick: @Input properties do not require initialization [OK]

Common Mistakes:

Master "Advanced Patterns" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What is wrong with this presentational component code?