Which of the following is the correct syntax to inject ActivatedRoute in an Angular component constructor?

easy📝 Syntax Q3 of 15

Angular - Routing

Which of the following is the correct syntax to inject ActivatedRoute in an Angular component constructor?

Aconstructor(private route: ActivatedRoute) {}

Bconstructor(route: ActivatedRoute) {}

Cconstructor(private ActivatedRoute) {}

Dconstructor(private route: Router) {}

Step-by-Step Solution

Solution:

Step 1: Recall Angular dependency injection syntax
To inject a service, declare it as a private/public parameter with its type in the constructor.
Step 2: Check each option
constructor(private route: ActivatedRoute) {} correctly injects ActivatedRoute as a private property named route. constructor(route: ActivatedRoute) {} misses access modifier, so no property created. constructor(private ActivatedRoute) {} misses type. constructor(private route: Router) {} injects Router, not ActivatedRoute.
Final Answer:
constructor(private route: ActivatedRoute) {} -> Option A
Quick Check:
Inject ActivatedRoute with private + type = B [OK]

Quick Trick: Use private and type to inject services in constructor [OK]

Common Mistakes:

MISTAKES

Master "Routing" 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