# HttpClient & Panggilan API (Angular)

> HttpClient, observables, metode HTTP, interceptor, penanganan error, logika retry, header, params, respons bertipe

- 22 pertanyaan wawancara
- Mid-Level
- [Pertanyaan Wawancara: Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara.md)

## 1. Modul Angular mana yang harus diimpor untuk menggunakan HttpClient dalam aplikasi?

**Jawaban**

HttpClientModule (atau provideHttpClient() dengan standalone) harus diimpor untuk mengaktifkan HttpClient. Modul ini secara otomatis mengonfigurasi provider yang diperlukan untuk menyuntikkan HttpClient ke dalam service. Hanya perlu diimpor sekali, biasanya di AppModule atau konfigurasi standalone aplikasi.

## 2. Tipe apa yang dikembalikan HttpClient.get() secara default?

**Jawaban**

Semua metode HttpClient mengembalikan Observable (cold observable) yang memancarkan respons setelah diterima. Observable hanya memulai permintaan saat berlangganan. Ini memungkinkan komposisi yang mudah dengan operator RxJS dan pembatalan permintaan melalui unsubscribe.

## 3. Bagaimana cara memberi tipe pada respons permintaan GET di Angular?

**Jawaban**

Menggunakan parameter tipe generik memungkinkan kompiler TypeScript untuk memverifikasi tipe respons. Misalnya, http.get<User[]>(url) memastikan respons adalah array pengguna. Ini mencegah error runtime dan mengaktifkan autocomplete IDE untuk mengakses properti respons.

## 19 pertanyaan lagi tersedia

- Metode HttpClient mana yang digunakan untuk mengirim data yang akan dibuat di server?
- Apa perbedaan antara PUT dan PATCH dalam HTTP?

Daftar gratis: https://sharpskill.dev/id/login

## Topik wawancara Angular lainnya

- [Dasar-dasar TypeScript](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/typescript-basics.md): 25 pertanyaan, Junior
- [TypeScript Lanjutan](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/typescript-advanced.md): 20 pertanyaan, Junior
- [Dasar-Dasar Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-fundamentals.md): 20 pertanyaan, Junior
- [Komponen dan siklus hidup](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/components-lifecycle.md): 20 pertanyaan, Junior
- [Services & Dependency Injection](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/services-dependency-injection.md): 20 pertanyaan, Junior
- [Organisasi Modul Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/modules-organization.md): 22 pertanyaan, Mid-Level
- [Angular CLI](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-cli.md): 18 pertanyaan, Junior
- [Direktif dan Pipe](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/directives-pipes.md): 22 pertanyaan, Mid-Level
- [Routing dan Navigasi](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/routing-navigation.md): 24 pertanyaan, Mid-Level
- [Reactive Forms](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/forms-reactive.md): 26 pertanyaan, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/forms-template-driven.md): 16 pertanyaan, Mid-Level
- [Dasar-Dasar RxJS](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/rxjs-fundamentals.md): 22 pertanyaan, Mid-Level
- [Operator RxJS](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/rxjs-operators.md): 24 pertanyaan, Mid-Level
- [Manajemen State Dasar](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/state-management-basics.md): 20 pertanyaan, Mid-Level
- [Change Detection](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/change-detection.md): 20 pertanyaan, Mid-Level
- [Angular Signals](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-signals.md): 20 pertanyaan, Mid-Level
- [Standalone Components](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/standalone-components.md): 18 pertanyaan, Mid-Level
- [Unit Testing Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/testing-unit.md): 22 pertanyaan, Mid-Level
- [Pengujian End-to-End](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/testing-e2e.md): 18 pertanyaan, Mid-Level
- [Build dan optimasi](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/build-optimization.md): 20 pertanyaan, Mid-Level
- [Dasar-dasar NgRx](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/ngrx-fundamentals.md): 24 pertanyaan, Senior
- [NgRx Lanjutan](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/ngrx-advanced.md): 24 pertanyaan, Senior
- [Arsitektur Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-architecture.md): 22 pertanyaan, Senior
- [Optimisasi Performa](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/performance-optimization.md): 22 pertanyaan, Senior
- [Keamanan dan Praktik Terbaik](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/security-best-practices.md): 20 pertanyaan, Senior
- [Pola RxJS Lanjutan](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/advanced-rxjs-patterns.md): 22 pertanyaan, Senior
- [Angular Universal & SSR](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-universal-ssr.md): 20 pertanyaan, Senior
- [Micro-frontend Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/micro-frontends-angular.md): 20 pertanyaan, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/http-client