[Solved] Which syntax correctly injects Renderer2 in a directive's constructor? — Ans: constructor(private renderer: Renderer2) {} | Angular

Angular - Directives

Which syntax correctly injects Renderer2 in a directive's constructor?

Aconstructor(renderer: Renderer2 private) {}

Bconstructor(Renderer2 private renderer) {}

Cconstructor(private Renderer2 renderer) {}

Dconstructor(private renderer: Renderer2) {}

Step-by-Step Solution

Solution:

Step 1: Recall Angular dependency injection syntax
Angular uses TypeScript constructor parameters with access modifiers like 'private' before the variable name and type after the colon.
Step 2: Match correct syntax
constructor(private renderer: Renderer2) {} follows the pattern: 'constructor(private renderer: Renderer2) {}'. Other options have incorrect order or missing colons.
Final Answer:
constructor(private renderer: Renderer2) {} -> Option D
Quick Check:
Correct DI syntax = private name: Type [OK]

Quick Trick: Use 'private name: Type' in constructor for DI [OK]

Common Mistakes:

Master "Directives" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which syntax correctly injects Renderer2 in a directive's constructor?