為什麼 `this.http.get(...).map` 不是我的 Angular HTTP GET 請求中的函數？

帶有TypeScript 的Angular HTTP GET 錯誤：this.http.get(...).map 不是函數

概述

嘗試時使用Angular 執行HTTP GET 請求時，有些開發人員遇到以下錯誤：TypeError: this.http.get(...).map is not a function in [null]。這可能會令人沮喪並停止應用程式開發。

解

這個錯誤很可能是由於缺少 RxJS 運算子造成的。要解決此問題，您需要將 .map() 方法所需的運算子匯入到程式碼中。

匯入適當的運算子：

import 'rxjs/add/operator/map';

這將只匯入 .map() 運算子並將其新增至您的應用程式。

替代方案：全部匯入運算子（警告）

如果您希望存取所有50 個RxJS 運算符，您可以使用以下語句將它們全部匯入，但請注意，這會增加應用程式的套件大小：

import 'rxjs/Rx';

範例實作

這是 TypeScript 中 .map()運算子的範例實作程式碼：

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

附加說明

有關此主題的更多詳細資訊和討論，請參閱以下問題：

• https ://github.com/角度/角度2/問題/11564

以上是為什麼 `this.http.get(...).map` 不是我的 Angular HTTP GET 請求中的函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！