时间戳

首页 > 解决方案 > 如何将数据从 Angular 前端传递到 Spring Boot 后端？

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

问题描述

我有一个 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 中提供。我从这里去哪里？

标签： angularspring-boot

解决方案

像这样试试。

在你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)

}

推荐阅读