[Solved] Identify the error in this service injection code:@Component({ selector: 'app-test', template: '' })export class TestComponent { constructor(service: DataService) {}}export class DataService {} | Angular

Angular - Services and Dependency Injection

Identify the error in this service injection code:

@Component({ selector: 'app-test', template: '' })
export class TestComponent {
  constructor(service: DataService) {}
}
export class DataService {}

AConstructor parameter should be private or public

BDataService is not marked with @Injectable decorator

CService should be injected using @Inject decorator

DComponent selector is invalid

Step-by-Step Solution

Solution:

Step 1: Check service class declaration
DataService lacks the @Injectable decorator needed for DI.
Step 2: Understand Angular DI requirements
Services must be decorated with @Injectable to be injectable.
Final Answer:
DataService is not marked with @Injectable decorator -> Option B
Quick Check:
Missing @Injectable causes injection error = C [OK]

Quick Trick: Always add @Injectable to services for injection [OK]

Common Mistakes:

MISTAKES

Master "Services and Dependency Injection" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this service injection code: