Angular HttpClient の使用法の詳細な説明

php中世界最好的语言
リリース: 2018-06-01 10:59:17
オリジナル
2374 人が閲覧しました

今回は Angular HttpClient の使用方法について詳しく説明します。 Angular HttpClient を使用する際の 注意事項 は何ですか?実際の事例を見てみましょう。

@angular/common/http の HttpClient クラスは、Angular アプリケーションが HTTP クライアント機能を実装するための簡素化された API を提供します

1. 準備

まず、app.

module で ts をインポートします。 HttpClientモジュール。次のように:

import { HttpClientModule } from '@angular/common/http';
@NgModule({
 imports: [
  HttpClientModule,
 ]
})
export class AppModule {}
ログイン後にコピー

2. 次のように、 を参照するために を必要とする HttpClient を service.ts に導入します。

import { HttpClient } from '@angular/common/http';
export class ConfigService {
 constructor(private http: HttpClient) { }
}
ログイン後にコピー

3. データをリクエストします。 りー

4. 対応するcomponent.tsファイルにサービスを導入します

データ形式:

return this.http.get/post(url:'请求地址' ,
  options: {
   headers: this.headers
  })
   .toPromise()
   .then((data: any) => {
    return data;
   })
   .catch((err) => {
    console.log(err);
   });
 }
ログイン後にコピー

5. ページ上で呼び出します

それ以降この記事の事例を読んでください。方法については、さらに興味深い情報については、php 中国語 Web サイトの他の関連記事にご注目ください。

推奨読書:

vueプロジェクトを最適化する手順の詳細な説明

JSコールバック関数の使用法(コード付き)

以上がAngular HttpClient の使用法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート