如何将数据从 Angular 前端传递到 Spring Boot 后端？

【问题标题】：How can I pass data from Angular front end to spring boot back end?如何将数据从 Angular 前端传递到 Spring Boot 后端？
【发布时间】：2021-09-02 15:26:55
【问题描述】：

我有一个 Spring Boot 代码，它需要 2 个参数来执行一些计算并返回一些值。我在浏览器中对其进行了测试，API 工作正常。现在我正在尝试将我的 Spring Boot API 连接到 Angular。如何将用户输入（2 个参数）发送到 Spring Boot 后端，处理数据并将结果返回给 Angular 以在前端显示？

  retrieveData(currency:string, amount: number){
    return this.http.get<convert[]>. 
    (`http://localhost:8080/convert/${currency}/${amount}`);
  }

您可以在上面找到我在 Angular 中检索数据的方法。参数将由用户在 UI 中提供。我从这里去哪里？

【问题讨论】：

标签： angular spring-boot

【解决方案1】：

像这样试试。

在您的component.ts 中onsubmit()

this.abcService.abcreg(this.form.value)

您的abcService.ts 文件应该是这样的。

  #Imports 
   
@Injectable({
  providedIn: 'root'
})

export class abcService {
  constructor(private http: HttpClient,
    private httpClient: HttpClient) { }
  httpOptions = {
    headers: new HttpHeaders({
     'Content-Type':'application/json'
    })
  }

abcreg(abc:abcreg):Observable<any>{

const uploadData = new FormData();

uploadData.append('requestparam1',abc.Name);

uploadData.append('requestparam2',abc.Address);

return this.httpClient.post(environment.api_url+'save_data', uploadData)

}

【讨论】：