Mengapakah `this.http.get(...).map` bukan fungsi dalam permintaan Angular HTTP GET saya?

Angular HTTP GET dengan TypeScript Ralat: this.http.get(...).map is Not a Function

Ikhtisar

Apabila mencuba untuk melaksanakan permintaan HTTP GET dengan Angular, sesetengah pembangun menghadapi ralat berikut: TypeError: this.http.get(...).map bukan fungsi dalam [null]. Ini boleh mengecewakan dan menghentikan pembangunan aplikasi.

Penyelesaian

Ralat kemungkinan besar disebabkan oleh kehilangan operator RxJS. Untuk menyelesaikan masalah ini, anda perlu mengimport pengendali yang diperlukan untuk kaedah .map() ke kod anda.

Import Operator yang Sesuai:

import 'rxjs/add/operator/map';

Ini akan import hanya pengendali .map() dan tambahkannya pada aplikasi anda.

Alternatif: Import Semua Operator (Awas)

Jika anda lebih suka mempunyai akses kepada semua 50 operator RxJS, anda boleh mengimport kesemuanya dengan pernyataan berikut, tetapi ambil perhatian bahawa ini akan meningkatkan saiz berkas aplikasi anda:

import 'rxjs/Rx';

Contoh Pelaksanaan

Berikut ialah contoh pelaksanaan pengendali .map() dalam TypeScript anda kod:

getHalls() {
  return this.http.get(HallService.PATH + 'hall.json')
    .map((res: Response) => res.json());
}

Nota Tambahan

Rujuk isu berikut untuk butiran lanjut dan perbincangan mengenai topik ini:

• https://github.com/ sudut/sudut2/isu/11564

Atas ialah kandungan terperinci Mengapakah `this.http.get(...).map` bukan fungsi dalam permintaan Angular HTTP GET saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!