如何链接快速API和角形式

Question

我是新来的快速API，我对此一无所知，现在我想使用它进行小型应用程序。

我有一个用Angular创建的表单，我想在所有信息完成后向我展示下面的文本。现在的问题是我不知道如何将其与快速API链接，以便我可以将数据发送到Web服务器，然后在我的表单下方显示消息。

目的是了解快速API如何与Angular一起使用。

请有人建议一个解释这一点的教程..我搜索但没有找到我想要的。

先感谢您。

Answer 1

就像上面提到的Matslidnh一样。 Fastapi没什么特别的。

您需要创建服务来处理HTTP请求。并随时随地使用它。

httprequest的服务示例。

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { map } from 'rxjs/operators';

@Injectable({
  providedIn: 'root'
})
export class ApiService {


  private REST_API_SERVER = "http://localhost:8000/"; //url of your BE
  constructor(private httpClient: HttpClient) { }

  getTypeRequest(url) {
    return this.httpClient.get(this.REST_API_SERVER+url).pipe(map(res => {
      return res;
    }));
  }

  postTypeRequest(url, payload) {
    return this.httpClient.post(this.REST_API_SERVER+url, payload).pipe(map(res => {
      return res;
    }));
  }

  putTypeRequest(url, payload) {
    return this.httpClient.put(this.REST_API_SERVER+url, payload).pipe(map(res => {
      return res;
    }))
  }  
}