AxiosとAngular

tatsu

axiosをインポートしてAngularcli、ベーススキャフォールディングで使用する方法を理解しようとしています。

このためのドキュメントは見つかりませんでした。

私はこれを見つけましたhttps://netbasal.com/angular-2-use-your-own-http-library-b45e51b3525e

彼の提案は当てはまりません。Cliは、コードビットのいずれかを追加すると中断します。

Angularで基本的なポストAPI呼び出しを行う方法についての洞察はありますか?

私が得た最高のものは(角度のあるネイティブアプローチ)です:

import { Component } from '@angular/core';
import { Injectable } from '@angular/core';
import { Http } from '@angular/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

@Injectable()
export class AppComponent{
  title = 'prouuuut';
  posts = [];
  errors = [];
  constructor(private http: Http){
  }

  fetchAll(){
    this.http.get('https://api.github.com/repositories')
      .then(response => {
        this.posts = response.data.entry
      })
      .catch(e => {
        this.errors.push(e)
      })
  }
}

app.component.ts内ですが、私はすでに持っています:

ここに画像の説明を入力してください

ユセフシェリフ

おそらく、AngularのHttp具象クラスの代わりにAxiosの具象クラスを使用することは、これらのクラスのそれぞれが異なるインターフェースを持っているため、有効なアプローチではありません。

必要がある

  1. npm install @ types / axios
  2. タイプスクリプトで他のサードパーティライブラリをインポートするときにaxiosをインポートします

AngularのHttpクライアントモジュールを使用することをお勧めします。

axios githubページから:

axiosは、Angularで提供される$ httpサービスに大きく影響を受けています。最終的に、axiosは、Angularの外部で使用するためのスタンドアロンの$ httpのようなサービスを提供するための取り組みです。」

Angular(Angular 2+)のHttpクライアントはAngular JSのHttpクライアントよりも強力であるため、この切り替えを行う必要がある理由は考えられませんでした。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事