angular - Axios 和 Angular

Question

试图找出如何在 Angular cli 中导入和使用 axios，基础脚手架。

我没有找到这方面的任何文档。

我找到了 https://netbasal.com/angular-2-use-your-own-http-library-b45e51b3525e

他的建议并不适用。 CLI 在添加他的任何代码位时中断。

对如何在 Angular 中执行基本的 post API 调用有任何见解吗？

我得到的最好的是( Angular native 方法):

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 里面，但我已经有了:

Answer 1

很可能使用 Axios 的具体类而不是 Angular 的 Http 具体类不是一种有效的方法，因为这些类中的每一个都有不同的接口(interface)。

你需要

1. npm 安装@types/axios
2. 像在 typescript 中导入任何其他第三方库一样导入 axios

注意推荐使用Angular的Http Client Module

来自 axios github 页面:

axios is heavily inspired by the $http service provided in Angular. Ultimately axios is an effort to provide a standalone $http-like service for use outside of Angular"

Angular 的(Angular 2+)Http客户端比 Angular JS 的 Http 客户端更强大，所以我不能想出一个需要您进行此转换的原因