Bird
0
0

Which of the following is the correct way to import HttpClientModule in your Angular app module?

easy📝 Syntax Q12 of 15
Angular - HTTP Client
Which of the following is the correct way to import HttpClientModule in your Angular app module?
Aimport { HttpClientModule } from '@angular/router';
Bimport { HttpClientModule } from '@angular/common/http';
Cimport { HttpClientModule } from '@angular/core';
Dimport { HttpClientModule } from '@angular/http';
Step-by-Step Solution
Solution:

  1. Step 1: Check official Angular import path

    The correct import path for HttpClientModule is @angular/common/http.

  2. Step 2: Eliminate incorrect paths

    @angular/http is deprecated, @angular/core and @angular/router do not contain HttpClientModule.

  3. Final Answer:

    import { HttpClientModule } from '@angular/common/http'; -> Option B

  4. Quick Check:

    HttpClientModule import path = '@angular/common/http' [OK]
Quick Trick: HttpClientModule always imports from '@angular/common/http' [OK]
Common Mistakes:
MISTAKES
  • Using deprecated '@angular/http' import
  • Importing from '@angular/core' or '@angular/router'
  • Forgetting to import HttpClientModule at all

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Angular Quizzes
HTTP Client - Why HttpClient is needed - Quiz 14medium Reactive Forms - FormBuilder service - Quiz 6medium Reactive Forms - ReactiveFormsModule setup - Quiz 9hard Reactive Forms - FormControl basics - Quiz 10hard Routing - Lazy loading modules with routes - Quiz 4medium RxJS and Observables Fundamentals - Observable vs Promise mental model - Quiz 9hard RxJS and Observables Fundamentals - Unsubscribing and memory leaks - Quiz 12easy Services and Dependency Injection - Singleton service behavior - Quiz 1easy Services and Dependency Injection - Injecting services into components - Quiz 12easy Template-Driven Forms - FormsModule setup - Quiz 14medium