ホームページ >ウェブフロントエンド >jsチュートリアル >`this.http.get(...).map` が Angular HTTP GET リクエストの関数ではないのはなぜですか?

`this.http.get(...).map` が Angular HTTP GET リクエストの関数ではないのはなぜですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-25 11:12:111018ブラウズ

Why is `this.http.get(...).map` not a function in my Angular HTTP GET request?

TypeScript エラーによる Angular HTTP GET エラー: this.http.get(...).map は関数ではありません

概要

試行時Angular で HTTP GET リクエストを実行すると、一部の開発者は次のエラーに遭遇します: TypeError: this.http.get(...).map は関数ではありません[ヌル]で。これはストレスを感じさせ、アプリケーション開発を停止させる可能性があります。

解決策

エラーは、RxJS 演算子の欠落が原因である可能性が高くなります。これを解決するには、.map() メソッドに必要な演算子をコードにインポートする必要があります。

適切な演算子をインポートします:

import 'rxjs/add/operator/map';

これにより、 .map() 演算子のみをインポートし、アプリケーションに追加します。

代替: インポートすべての演算子 (注意)

50 個の RxJS 演算子すべてにアクセスしたい場合は、次のステートメントを使用してそれらをすべてインポートできますが、これによりアプリケーションのバンドル サイズが増加することに注意してください。

import 'rxjs/Rx';

実装例

ここでは、.map() 演算子の実装例を示します。 TypeScript コード:

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

追加メモ

このトピックの詳細と議論については、次の問題を参照してください:

  • https://github.com /angular/angular2/issues/11564

以上が`this.http.get(...).map` が Angular HTTP GET リクエストの関数ではないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。