[Solved] Examine this Angular component code:import {... @Component({ selector: 'app-log', template: '' }) export class LogComponent { constructor(private loggingService) {} }What is the issue with this code? | Angular

Angular - Services and Dependency Injection

Examine this Angular component code:

import { Component } from '@angular/core';
import { LoggingService } from './logging.service';

@Component({ selector: 'app-log', template: '' })
export class LogComponent {
  constructor(private loggingService) {}
}

What is the issue with this code?

AThe component is missing the @Injectable decorator

BThe constructor parameter lacks a type annotation for LoggingService

CThe LoggingService is not imported correctly

DThe selector property in @Component is invalid

Step-by-Step Solution

Solution:

Step 1: Check constructor parameters
The constructor parameter 'loggingService' lacks a type annotation.
Step 2: Importance of typing
Angular DI requires the type to know which service to inject.
Step 3: Other options
@Injectable is not required on components; import and selector appear correct.
Final Answer:
The constructor parameter lacks a type annotation for LoggingService -> Option B
Quick Check:
Constructor parameters must be typed for DI [OK]

Quick Trick: Always type constructor parameters for DI [OK]

Common Mistakes:

MISTAKES

Omitting type annotations in constructor
Confusing @Injectable necessity on components
Assuming import errors without checking

Master "Services and Dependency Injection" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

Examine this Angular component code:

Step 1: Check constructor parameters

Step 2: Importance of typing

Step 3: Other options

Final Answer:

Quick Check:

Want More Practice?